Angular関数を使ってAngular HTMLテンプレートをエクスポートするには

Question

角度フォームジェネレータを作成します。

<script type="text/ng-template" id="textarea.html"> 
    <div class="items form-group"> 
     <label class="col-sm-2 control-label"> 
      {{item.title}} 
     </label> 
     <div class="col-sm-10"> 
      <textarea ng-model="task.title" placeholder="{{item.placeholder}}" class="form-control"></textarea> 
     </div> 
    </div> 
</script> 

とするとき、ユーザは、このような角度のHTMLコードを生成し、このテンプレートを追加します：私はこのようなテンプレートを持っている私のテンプレートコードがレンダリングされたこの例では

<div class="items form-group"> 
     <label class="col-sm-2 control-label"> 
      {{item.title}} 
     </label> 
     <div class="col-sm-10"> 
      <textarea ng-model="task.title" placeholder="{{item.placeholder}}" class="form-control"></textarea> 
     </div> 
    </div> 

を、私はそれをレンダリングしたくないと角度のHTMLコードを表示するだけです。ご提案がありましたら、このコードを変更してください。

Example Code

Answer 1

あなたはng-の代わりにNG-バインドを使用することができます使用することができます含める;

例： `$のinjector`にテンプレートを割り当てる方法

**in app.js.** 

app.run(['$injector', function($injector) { 
    var rootScope = $injector.get('$rootScope'); 

    rootScope.tpl = '<h1 style="color:green;">This is the page content</h1>'; 
}]) 

**in index.js** 

<span ng-bind='tpl'></span> 

Answer 2

あなたは、通常のタグを使用している場合は、それがレンダリングされますが、あなたはそれをレンダリングしたくない場合は、

replace < by &lt; and > by &gt;