自定义ngTagsInput自动完成

  • Z时代
  • 2024-01-10
  • 分类：问答

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

回答：

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

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

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

回答：

你有三个选择：

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

回答：

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

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

<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

以上是 自定义ngTagsInput自动完成 的全部内容， 来源链接： utcz.com/qa/262349.html

回到顶部