Angular4组件调用jquery
Angular4组件调用jquery
提问于 2018-05-26 12:22:48
我使用的是Angular 4。在一个component.html文件中，有一个复选框。此复选框是调用Jquery函数iCheck以更改其外观所必需的。但是，我把脚本放在组件下，它不能触发脚本。我可以知道是否需要在component.ts内部调用iCheck jquery函数吗？或者简单地说，我可以在component.ts下调用$(document).ready(function ())吗？请给我建议。谢谢。
<input type="checkbox">
<script>
$(document).ready(function () {
$('input[type="checkbox"]').iCheck({
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'iradio_flat-blue'
});
});
</script>致以最好的问候，肯
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-05-28 19:55:04
要在Typescript.First中访问jquery，需要使用npm进行安装，如下所示。
npm install jquery --保存
之后，转到Angular CLI项目文件夹根目录下的./angular-cli.json文件，找到脚本：[]属性，并包含jQuery的路径，如下所示
“脚本”：“../节点模块/jquery/dist/jquery.min.js”
在包含jQuery之后，停止运行Angular CLI应用程序，然后使用ng serve重新运行它。
现在，要在应用程序中使用jQuery anywhere，您所要做的就是将其导入app.component.ts文件中，如下所示。
导入* as $ from‘jquery’；
在此之后，您可以使用jquery为您复选框点击事件，就像这样
在您的HTML代码中，添加单击event <input type="checkbox" (click)="onClick()">，其中onClick()是您必须在Component.ts中创建的方法，如下所示
onClick()
{
//in this method you can put your jquery code
$('input[type="checkbox"]').iCheck({
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'iradio_flat-blue'
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50539296
复制相关文章
相似问题