我在尝试使 ng-tags-input 工作时遇到了一些麻烦。我正在尝试为我的标签自定义模板,而我的代码几乎不是开发人员在演示中显示的。一切正常,除了我的自定义模板被忽略(参见下面的代码)。我错过了什么微不足道的东西吗?为什么标签仍然显示在默认模板中?
背景:在 Angular(带路由)和 Bootstrap 中构建的应用程序。下面的代码位于 Angular 视图之一中。
代码:
<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>