Question

我正在使用Angular 4.在component.html文件中，有复选框。该复选框需要调用Jquery函数iCheck来更改其展望。但是，我把脚本放在组件下，它不能触发脚本。我是否需要在iCheck内拨打jquery component.ts功能？或者简单地说，我可以拨打$(document).ready(function ())下的component.ts。请指教。感谢。

<input type="checkbox">

<script>
    $(document).ready(function () {
      $('input[type="checkbox"]').iCheck({
          checkboxClass: 'icheckbox_flat-blue',
          radioClass: 'iradio_flat-blue'
      });
    });
</script>

祝你好运，肯

Answer 1

要访问Typescript.First中的jquery，您需要使用npm安装如下。

npm install jquery --save

然后转到Angular CLI项目文件夹根目录下的./angular-cli.json文件，找到脚本：[]属性，并按如下方式包含jQuery的路径

“scripts”：[“../ node_modules/jquery/dist/jquery.min.js”]

包含jQuery后停止运行Angular CLI应用程序，然后使用ng serve重新运行它。

现在在应用程序的任何地方使用jQuery，您只需在app.component.ts文件中将其导入如下。

从'jquery'导入*为$;

在此之后你可以使用jquery为你复选框点击事件在您的HTML代码中添加点击事件<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'
      });
}

Angular4组件调用jquery

1 个答案: