2017-11-06 3 views
1

タイプヘッドを使用してテキストボックスタイプで等しい名前だけを返す方法。私はあなたが私を助けることができる、タイプヘッドで使用されるパラメータが何であるか理解していません。文字や文字を入力すると、テキストボックスに表示されません。サンプルコードとデータは次のとおりです。typeheadとangularjsを使用して名前を返す方法は?

HTML:

<input type="text" name="selectbiller" ng-model="vm.selectedBiller" 
        uib-typeahead="item as items.Name for items in vm.onNameEntry($viewValue)" 
        typeahead-editable="false" 
        typeahead-on-select="vm.onCarSelect($item, $model, $label)" 
        placeholder="Search a Car" 
        autocomplete="off"/> 

AngularJs:

vm.onNameEntry = function(name) { 
    return carService.searchCarByName({name: name}) 
     .$promise 
     .then(function (data) { 
      if (data && data.Items) { 
       return data.Items; 
      } 

      return null; 
     }); 
} 

データ:にconsole.log(データ)から

Value:Array(8) 
0:{Id: null, Name: "Innova"} 
1:{Id: null, Name: "Ferrari"} 
2:{Id: null, Name: "BMW"} 
3:{Id: null, Name: "Toyota"} 
4:{Id: null, Name: "Honda"} 
5:{Id: null, Name: "Hyuindai"} 
6:{Id: null, Name: "Kia"} 
7:{Id: null, Name: "Suzuki"} 

答えて

0

項目

uib-typeahead="item as item.Name for item in vm.onNameEntry($viewValue)" 
+1

ありがとうございます!私の不具合がオブジェクトのリストを返しているのを発見した後、それらを配列に格納して別の問題を投稿したい。ありがとうございます。 – Fred

1

は、ここでは、この

uib-typeahead="item as item.Name for item in vm.onNameEntry($viewValue) | filter:{Name:$viewValue}" 

を試してみてくださいあなたの条件に合致する作業jsfiddle例です項目vm.onNameEntry($viewValue)として戻り項目のリストでなければなりません。 http://jsfiddle.net/harshakj89/gfbeLbke/1/

+0

おかげでそれは動作します!私の不具合がオブジェクトのリストを返しているのを発見した後、それらを配列に格納して別の問題を投稿したい。ありがとうございます。 – Fred

関連する問題