angular8的时候,须要装置4.3.0版本,而且须要装置@types/intro.js;
angular9则不须要装置特定版本,间接5.1.0就行,且不须要装置解释器。
还要在angular.json文件中进行配置,引入对应的css文件
如果不采纳本地的angular.json文件的话,则须要本人新建一个款式文件,外面放用到的款式,记得用款式穿透属性,能力全局失效。
在打包的的时候可能会报cannot call a namespace ('intro.js')
的谬误,解决办法为:
批改引入形式为:
import * as introJs_ from 'intro.js'
introJs = introJs_.default();
如果在angular8的版本里,须要批改tsconfig.json文件
退出如下两行代码
"allowSyntheticDefaultImports":true,
"esModuleInterop":true
如果是angular9的环境,则不须要上述步骤
失常跑起来的话,依照官网的文档进行开发就行啦,须要留神的是,如果想要在步骤框中引入事件,必须这样
import * as _introJs from "intro.js";
introJs = _introJs.default();
this.introJs.setOptions({
...,
setps:[
{
title:"测试",
element:element,
intro:`<a onclick="test('123')"></a>`
}
]
}).start();
function test(params){
console.log(params)
}
window['test']=test;
须要挂载到全局事件上才行;
发表回复