2016-05-26 9 views
1

私はangularjsの新機能です。 カスタムanglejs指示文を使用してスクリプトタグをロードします。以下は私が達成したい何のためのサンプルコードです:カスタムanglejsディレクティブを使用したスクリプトの読み込み

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

しかし、私はそれを達成するために管理することができませんでした:だから

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

、ディレクティブは、HTMLに追加されたときに11が表示されます。だから、私のコードは間違っていると思いますか?これで私を助けてください。前もって感謝します。

+0

可能な重複.com/questions/27533421/how-to-load-a-script-using-custom-angular-directive – Vijay

答えて

0

大丈夫、なぜあなたはスクリプトタグYinによってそれをしたいですか?

これを行う組み込みディレクティブを使用できます。 ng-bindまたは中括弧のようなもの{{}} AngularJsは式を評価し、結果としてタグ値を設定します。

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

結果:// stackoverflowの:..http以下の質問の <span>11</span>

あなたがこの方法を行うことができます式を評価する必要があるときはいつでも:)

+0

返事ありがとう、Carlos。上記は単なる例です。ロードしたいスクリプトがもっと複​​雑な場合、ディレクティブを使ってロードする方法は? – Yin

+0

ああ、持っています。だから、おそらくあなたの指示にコントローラを作成し、スクリプトタグを挿入するためにJavaScriptを使用するでしょう。 代わりに[ocLazyload](https://oclazyload.readme.io/)のようなものを使用してスクリプトを入手することもできます。 :) –

関連する問題