angularJS {{変数}}はスクリプトタグに

Question

<script type="text/template"> 
    <div class="abcd"> 
      <div class="efg" data-price="{{::displayPrice}}"></div> 
    </div> 
</script> 

を表示することができませんdivのDATA-に、スコープ内の変数である、私はこのようなテンプレートを持っている、と私は{{::displayPrice}}を追加する必要があります価格部分。しかし、divは<script>タグで記述されているため、動作しません。

どのようにすればいいですか？

<script type="text/ng-template" id"/my-template.html"> 
<div class="abcd"> 
    <div class="efg" data-price="{{::displayPrice}}"></div> 
</div> 

今あなたは、ルータのテンプレートとしてまたはng-include="'my-template.html'"としてそれを使用することができます。

Answer 1

あなたはこのように、角度、type="text/ng-template"を使用して、角度テンプレートに変換することができますが、現在のスコープ変数で使用可能なすべてでそれをコンパイルします。

var yourAngularTpl = jQuery('[type="text/template"]').eq(0).html(); 
yourAngularTpl = $complie(yourAngularTpl)($scope); 

が$scopeと$complieが注入されていることを確認して、あなた：あなたはテンプレートの種類を変更できない場合

、あなたのコントローラよりも、あなたは（例および$compileサービスのためのjQueryを使用して）テンプレートHTML、のようなものをコンパイルすることができます私たちはあなたのコントローラ（app.js）で を使用するために使用される角度でjQuery（jQueryのライトangular.element()が限られているとして）

Answer 2

持って あなたのhtmlで

<div>{{price}}</div>