自定義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自動完成

回答

相關問題