自定义ngTagsInput自动完成

Question

任何人都知道如何自定义ngTagsInput自动完成的布局？

<tags-input ng-model="tags" placeholder="neues Tag">
    <-- Customize this autocomplete layout  --->
    <auto-complete source="loadTags($query)"></auto-complete>
</tags-input>

我想在自动填充结果

中嵌入类似此模板的内容

<div> {{ Category }} : {{ TagName }} </div>

Answer 1

目前没有内置支持，但您可以随时获取源代码并根据需要对其进行自定义。

但该功能存在未解决的问题。您可以跟踪其进度here。

现在支持

Custom templates。 Irfad Ibrahim的answer提供了额外的信息。

Answer 2

您有三种选择：

1. 通过物理地拥有文件夹上的文件来覆盖$ templateCache，该库的文件夹为：

   $templateCache.put('ngTagsInput/tags-input.html', ' ... '
   $templateCache.put('ngTagsInput/auto-complete.html', ' ... '
   

2. 在html上使用模板脚本：

   <script id="ngTagsInput/tags-input.html" type="text/ng-template">
     <div>Whatever here</div>
   </script>
   

3. 注入$templateCache服务并覆盖模块上的模板

   angular.module('myApp',[])
     .run(['$templateCache', function($templateCache){
       $templateCache.put('ngTagsInput/tags-input.html',
          <div>Whatever here</div>
       );
     }]);