自定义ngTagsInput自动完成

时间:2014-09-20 04:54:12

标签: angularjs angularjs-directive ng-tags-input

任何人都知道如何自定义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>

2 个答案:

答案 0 :(得分:0)

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

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

现在支持

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

答案 1 :(得分:0)

您有三种选择:

  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>
        );
      }]);