2016-07-05 8 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')); 
     } 
    }); 

ここでは、作業の結果である:私はmaxResultsToShow="4"またはminLength="1"属性を追加しようとすると、 enter image description here

問題があり、彼らドン私はまだ同じ結果を得ています。

<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タグとキャメルケースでダッシュケースを使用する必要があり、彼らは自動的に変換されます。