搜尋

首頁  >  問答  >  主體

angular.js - angularjs的include指令,include的頁面無法載入js

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

project_index.jsp中:

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

產生的url是正確的,在瀏覽器中可以訪問,但是我看過請求的記錄,這個js沒有被載入。所以js中的內容也無法執行。請問我的做法的問題在哪裡?感謝回答~

phpcn_u1582phpcn_u15822744 天前552

全部回覆(1)我來回復

  • 黄舟

    黄舟2017-05-15 16:52:36

    在stack上找到的。親測有用。

    (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));
    

    講上述程式碼寫成一個js文件,然後將此module ngLoadScript注入到你目前的應用中,然後在