2016-07-05 31 views
1

我试图显示带自动填写的标签输入字段,以便如果用户在输入字段中输入一些文本,则可用标签在下拉列表中显示为建议。一切工作正常至今:ngTagsInput/auto-complete(AngularJS)

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

这里是工作的结果: enter image description here

问题是,当我尝试添加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> 

任何想法?

回答

2

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

在角,则必须在JS代码的HTML标签和驼峰使用划线的情况下,它们被自动转换。