AngularJs 1.6 Component Script внутри tempalteUrl не выполняется

Question

У меня есть тег script внутри шаблона углового компонента [report.template.html], и он не выполняется при загрузке.

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

Примечание: загрузил библиотеку jquery перед библиотекой angularjs, как показано ниже в 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");
};

демонстрация