2016-07-05 3 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와 코드 : 나는 maxResultsToShow="4" 또는 minLength="1"가에, 그들은 돈을 특성을 추가하려고하면 enter image description here

문제는 다음과 같습니다

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

이 작업 결과를 't 일하고, 나는 여전히 같은 결과를 얻는다.

<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 태그와 낙타 표기법에 대시 케이스를 사용해야합니다, 그들은 자동으로 변환됩니다.