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;
须要挂载到全局事件上才行;