angular.js - The include directive of angularjs, the included page cannot load js

Question

<p ng-include="'project_index.jsp'">

project_index.jsp:

<script type="text/javascript" ng-src='{{generateURL("/scripts/tab.js")}}'></script>

The generated url is correct and can be accessed in the browser, but I have seen the request record and the js has not been loaded. Therefore, the content in js cannot be executed. What's the problem with my approach? Thanks for the answer~

Answer 1

Found on stack. Personal test is useful.

(function (ng) {
'use strict';
var app = ng.module('ngLoadScript', []);
app.directive('script', function() {
return {
  restrict: 'E',
  scope: false,
  link: function(scope, elem, attr) 
  {
    if (attr.type==='text/javascript-lazy') 
    {
      var s = document.createElement("script");
      s.type = "text/javascript";                
      var src = elem.attr('src');
      if(src!==undefined)
      {
          s.src = src;
      }
      else
      {
          var code = elem.text();
          s.text = code;
      }
      document.head.appendChild(s);
      elem.remove();
    }
  }
};
});
}(angular));

Write the above code into a js file, then inject this module ngLoadScript into your current application, and then use type="text/javascript-lazy" in the <script> tag.
This angular module have been created by @subudeepak(https://github.com/subudeepak) based on the code posted by @endorama (https://github.com/endorama)
* (based upon the code
* posted by @olostan (https://github.com/olostan) )