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

Question

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

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

注意：在angularjs lib之前加载jquery lib，如下图所示

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