ng-tags-input を機能させようとすると、いくつかの問題が発生します。タグのカスタム テンプレートを作成しようとしていますが、私のコードは開発者がデモで示しているものとほとんど同じです。カスタム テンプレートが無視されるという事実を除いて、すべて正常に動作します (以下のコードを参照してください)。些細なことを見逃していますか?デフォルトのテンプレートでタグが引き続き表示されるのはなぜですか?
背景: Angular (ルーティングあり) と Bootstrap で構築されたアプリ。以下のコードは、Angular ビューの 1 つです。
コード:
<div class="form-group">
<label for="tags">Tags</label>
<tags-input ng-model="tags" name="tags"
display-property="name"
id="tags"
template="tagtemplate">
<auto-complete source="loadTags($query)"></auto-complete>
</tags-input>
<script type="text/ng-template" id="tagtemplate">
<div class="tag-template">
<span class="label label-info tag">
{{$getDisplayText()}}
<a class="remove-button" ng-click="$removeTag()">✖</a>
</span>
</div>
</script>
</div>