2013-07-18 18 views
5

を使用して、私は次のコードを使用してブートストラップtypeahead options、先行入力のためのオプションの設定先行入力を使用して角度-UIブートストラップ

標準として使用可能なオプションのカップルを設定しようとしています、私は "を設定することができますよminLengthプロパティを "typeahead-min-length"としてインライン展開しますが、 "typeahead-items"として "items"と同じ処理を行うことはできません。これを行うには別の/より良い/標準的な方法がありますか? $ scopeにオプションの配列を付ける方法はありますか?

<div class='container-fluid' ng-controller="TestController"> 

<input type="text" ng-model="selected" 
typeahead="foo for foo in foo | filter:$viewValue" typeahead-items='5' typeahead-min-length='3'> 

<pre>{{selected| json}}</pre> </div> 

アップデート:私はちょうどAngularJSに固執しようとしている、とjQuery

を使用していないよこれは私のコントローラです:

あなたが初期化するために、JSの方法を使用していないのはなぜ
myAppModule.controller('TestController', function($http,$scope) { 
    $scope.selected = undefined; 

    $http.get('data/sample.json') 
     .then(function(results){ 
      $scope.foo = results.data; 
     }); 
    }); 

答えて

7

先行入力:

$('input.typeahead').typeahead({ 
    source: array_of_value_here, 
    minLength: 1, 
    items: 5, 
    // your option values ... 
}); 

EDIT:

は、私は、AngularJS方法を参照してください、あなたはlimitToを使用することができます。

<input type="text" ng-model="selected" typeahead="foo for foo in foo | filter:$viewValue | limitTo:5" typeahead-min-length='3'> 
+0

はその後、私の編集した答えを確認してくださいAngularJS – ktm

+1

に固執しようとしています。 –

+0

それは完璧なヒウ、感謝です。あなたがそれを把握していた医者のURLを聞かせてもよろしいですか?魅力のように働く、ありがとう。 – ktm

関連する問題