ng 标签输入/自动完成（AngularJS）答案

【问题标题】：ngTagsInput/auto-complete ( AngularJS )ng 标签输入/自动完成（AngularJS）
【发布时间】：2016-07-05 08:58:01
【问题描述】：

我正在尝试显示一个带有自动完成功能的标签输入字段，这样如果用户在输入字段中输入一些文本，可用的标签就会在下拉菜单中显示为建议。到目前为止一切正常：

<body ng-app="plunker" ng-controller="MainCtrl">
    <tags-input ng-model="tags" add-on-paste="true">
        <auto-complete source="loadTags($query)"></auto-complete>
    </tags-input>
    <p>Model: {{tags}}</p>
</body>

AngularJS 代码：

var app = angular.module('plunker', ['ngTagsInput']);

    app.controller('MainCtrl', function($scope, $http) {
        $scope.loadTags = function(query) {
            return $http.get(Routing.generate('my_route_to_json_data'));
        }
    });

这是工作结果：

问题是当我尝试将maxResultsToShow="4" 或minLength="1" 属性添加到时，它们不起作用，但我仍然得到相同的结果。

<body ng-app="plunker" ng-controller="MainCtrl">
    <tags-input ng-model="tags" add-on-paste="true">
            <auto-complete maxResultsToShow="4" loadOnEmpty=true minLength="1" source="loadTags($query)"></auto-complete>
    </tags-input>
    <p>Model: {{tags}}</p>
</body>

有什么想法吗？

【问题讨论】：

标签： angularjs

【解决方案1】：

<auto-complete max-results-to-show="4" load-on-empty="true" min-length="1" source="loadTags($query)">

在Angular中，你必须在html标签中使用dash-case，在JS代码中使用camelCase，它们会自动转换。

【讨论】：