テンプレート内のng-ifブロックからhtmlを移動する

Question

これはおそらく死んでシンプルですが、どうすればいいのでしょうか。 私は非常に一般的なディレクティブのかなり長いhtmlテンプレートを持っています。ただ、スタイリングの理由

のようないくつかの（擬似）コードがある：あなたが内のすべての部分を見ることができるように

<p ng-if="type===1"> 
    {{entity.name}} 
    <button ng-click="someAction(entity)"> 
</p> 
<p ng-if="type===2"> 
    <img href="" ng-click="someAction(entity)"> 
    {{entity.title}} 
</p> 
<p ng-if="type===3"> 
    <a href="#" ng-click="someAction(entity)">{{entity.name}}</a> 
    {{entity.title}} 
</p> 

ngが-場合、ブロックは何とかいくつかのいくつかの方法でエンティティの属性と「someAction」を示し、が呼び出されます。

ng-ifブロック内のHTMLを個別のファイルに移動してより簡単な概要を保つためにここに含める簡単な方法はありますか？新しいスコープやその他のものを作成する必要はありません。テンプレート内のように書かれたように、移動したhtmlを解析するだけです。

ありがとうございました。

Answer 1

ngIncludeを使用できます。共通のコンテンツはHTMLに移動し、このディレクティブを使用して組み込むことができます。