2016-05-26 44 views
1

我對angularjs非常陌生。 我想使用自定義的angularjs指令加載腳本標籤。下面是我想達到的示例代碼:使用自定義的angularjs指令加載腳本

angular.module('app') 
    .directive('myScript', function() { 
    return { 
     restrict: 'E', 
     template : function(e,a){ 
      return '<script>document.write(5 + 6);</script>'; 
     } 
    }; 
    }); 

所以,當指令在HTML中加入11將顯示:

<div><my-script></myscript></div> 

但我不能設法實現這一目標。所以,我猜我的代碼是錯的?請幫我解決一下這個。提前致謝。

+0

下面..http問題的可能的複製://計算器.com/questions/27533421 /如何加載腳本使用自定義角度指示 – Vijay

回答

0

好的,您爲什麼想用腳本標記來做這件事?

你可以做一個內置的指令來做到這一點。 類似ng-bind或甚至大括號{{}} AngularJs將評估您的表達式並將標記值設置爲結果。

例子: <span ng-bind="5 + 6"></span>

結果: <span>11</span>

當你需要計算一個表達式,你可以做這樣:)

+0

感謝您的答覆,卡洛斯。以上只是一個例子。如果我想加載的腳本更加複雜,我應該如何使用指令加載它? – Yin

+0

哦,明白了。所以,你可能會在你的指令中創建一個控制器,並使用javascript來插入你的腳本標籤。 另一種方法是,您可以使用[ocLazyload](https://oclazyload.readme.io/)來獲取您的腳本。 :) –