我正在尝试让ng-tags-input工作时遇到一些麻烦。 我正在为我的代码尝试自定义模板,而我的代码几乎不是开发人员在demos中显示的内容。 一切正常,除了我的自定义模板被忽略的事实(参见下面的代码)。 我错过了一些微不足道的事吗?为什么标签仍然显示为默认模板?
背景:以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>