Question

在将基于jQuery的客户Javascript文件导入Angular4项目时，我遇到了问题。

我使用npm安装了jQuery并将其导入到组件中。在angular-cli.json文件的脚本中添加了jquery.js文件。在此之后，我能够在我的组件中放置一些代码，这些代码在jQuery上运行，并且运行正常。然后我在assets文件夹中添加了我的自定义js文件，并在组件文件中导入（不起作用），然后在index.html文件中添加（这种方法有效，我能够访问常规方法，如果我没有任何jquery特定代码）。但得到＆＃34; Uncaught ReferenceError：$未定义＆＃34;尝试调用自jquery的document.ready以来在外部自定义js文件上编写的方法时出错。

实现这一目标的最佳方法是什么。

我的javascript文件看起来像这样。

    var abc;
    var cde;

    $.document.ready(function(){

      iniializePage()
     });

    function iniializePage(){
     var test = $("#ffff").val();
    }

Answer 1

只需在您的组件中将其声明为

声明var $：any;

比在任何地方使用

将自定义JS文件导入到基于JQuery构建的AngularJS 4

1 个答案: