当前位置： 移动技术网 > IT编程>网页制作>CSS > angular4引入第三方库的方法

angular4引入第三方库的方法

2018年01月02日  | 移动技术网IT编程  | 我要评论

这个真的是太有用啦，所以必须得记录一下。哈哈哈（可能只适用于我现在使用得引擎–元数据编辑器）

本文以countUp为例：

安装：

1.npm install jquery.countup.js（我也不知道为啥上面链接得方法我不适用）

2.然后nodemodules文件夹下得package.json得dependencies会新增一个countup得文件；（说明安装成功）；

3.然后引入文件，将文件放在assets下的modules文件夹下，并在首页引入：（哈哈哈，我写成了link引入js.–后面导致bug调试半天；以后一定要小心，不要马虎，哈哈哈）

<script src="assets/modules/countUp.min.js" rel="stylesheet"></script>

4.ts文件中：

declare var CountUp: any;//声明插件CountUp

放在

@IonicPage({

name: 'EightView',

segment: 'eight'

})之前，确保一定要在类的外面声明；；然后就是动画得jq代码：

var options = {
            useEasing: true,
            useGrouping: true,
            separator: ',',
            decimal: '.',
        };
        var demo = new CountUp('myTargetElement', 0, 100, 0, 10, options);

        if(!demo.error) {
            demo.start();
        } else {
            console.error(demo.error);
        }

这样走下来，页面应该可以跑起来了；哈哈哈哈

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网