AngularJs 1.6 tempalteUrl 中的组件脚本未执行

Question

我在 angular 组件的模板 [report.template.html] 中有一个脚本标记，它没有在加载时执行。

  <script >
  $(document).ready(function() {
  console.log("calling showHide");
  });
  </script>

注意：在 angularjs 库之前加载了 jquery 库，如下面的 plunkr

https://plnkr.co/edit/u8XGlVlY9Q5DmKmPOQwA?p=preview

我知道我肯定漏掉了一些简单的东西。有人可以帮助我哪里做错了吗？

Answer 1

不知道这是否是您要查找的内容，但您使用 angular.element(document).ready() 方法而不是 jquery 函数，例如

var reportController = function() {
   var ctrl = this;
      angular.element(document).ready(function () {
       console.log("calling showHide");
    });
      console.log("report ctrl");
};

Demo

AngularJs 1.6 tempalteUrl 中的组件脚本未执行

AngularJs 1.6 Component Script inside tempalteUrl not executing

javascript

angularjs

angularjs-components