自定义ngTagsInput自动完成

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

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

我要将这样的模板在autocomple结果

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

来源

2014-09-20 Linc Abela

~~目前有没有内置这种支持，但你总是可以得到源代码，并自定义您的需要。~~

~~虽然这个功能有一个公开的问题。您可以跟踪其进展here。~~

Custom templates现在支持。 Irfad Ibrahim的answer提供了更多信息。

来源

2014-09-20 20:19:32

你有三个选择：

覆盖的$ templateCache通过物理具有文件夹，在文件，这为这个图书馆将是：

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

上使用模板脚本您html：

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

注入$templateCache服务，并覆盖你的模块

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

来源

2014-10-06 10:20:09 frankies

有一个内置的自定义自动完成模板支撑现在的模板。

，你可以通过设置模板选项更改默认自动完成模板：

<auto-complete source="loadTags($query)" template="/path/custom-template"></auto-complete>

或

<auto-complete source="loadTags($query)" template="my-custom-template"></auto-complete>

如果使用内联模板，你可以指定这样的：

<script type="text/ng-template" id="my-custom-template"> 
    ... 
</script>

官方文档在这里。 http://mbenford.github.io/ngTagsInput/documentation/guides/custom-templates

来源

2015-08-24 17:20:46

自定义ngTagsInput自动完成

回答

相关问题