0

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()">&#10006;</a>
                </span>
              </div>
      </script>
 </div>
4

1 に答える 1