javascript - AngularJsでタグ名をバインドする

Question

タグ名をAngularJsの変数にバインドしたい。直接的な方法は機能しません：

<div ng-app ng-init="list=['pre', 'div', 'em']">
Check the list: {{list}}
<div data-ng-repeat="item in list">
 {{item}}: <{{item}}>content</{{item}}>
</div>
</div>

それを正しく行う方法は？</ p>

Answer 1

ディレクティブを作成し、 $compileサービス モジュールを使用する必要があります。

Answer 2

Angular テンプレート システムは、文字列ではなく DOM ツリーで機能するため、テンプレートは有効な HTML である必要があり、タグ名に {{}} を使用することはできません。独自のディレクティブを作成することもできます (Max answer を参照)。オプションのセットが小さい場合は、ng-include とオプションのテンプレートのセットを使用する方が簡単です。