如何在Angular2中使用jQuery及其插件的方法

2024年11月18日 20:01
有1个网友回答
网友(1):

  • Angular2中使用jQuery

首先在index.html中引用jquery。

然后我们编写我们的app.component.ts

首先需要使用declare生命我们的jQuery,使之成为一个可用的变量,然后,我们需要导入OnInit模块并实现,我们编写的jquery代码就在这里,问中展示了我们向id为title的标签替换内容,HTML页面是这样的

接下来运行效果

这就意味着我们可以在Angular2中正常使用jQuery了

  • jQuery插件使用

首先找一个要使用的jQuery插件在index.html 中引用

然后在我们刚才的app.component.ts中的ngOnInit中写入以下初始化插件代码

ngOnInit()

{

$(".card").faceCursor({});

$("#title").html("

this is a string from jQuery html setting

");

}

编写html

接着运行就ok了