AngularJS预输入名称未定义

Question

I am getting undefined when the result is returned, can anyone help me out here? I know there's a similar question out there but i couldn't understand the solution. Thus, asking again.

JS:

 $scope.cnames = CombinedName;
 console.log($scope.cnames)

Console log view :

Lastly, my html code :

      <input type="text" ng-model="selected" uib-typeahead="NAME 
     for cname in cnames | filter:$viewValue | limitTo:8">

View im getting :

Answer 1

You can just just bind it as ,

<input type="text" ng-model="selected" typeahead="cname for cname in cnames | filter:$viewValue | limitTo:8" class="form-control">

DEMO

Answer 2

Because the cnames array you are working with is a string, you have to use a specific form when iterating through the array. In general, ng-options / uib-typeahead expect the array you are iterating to be an array of objects.

When working with an array of strings, you can use

cname for cname in cnames

to correctly assign the text of the dropdown to the text of the array element. This will set the selected value to the index of the selected element from the source array.

cname as cname for cname in cnames

would set the selected value as the text itself.

all the possible forms are documented at https://docs.angularjs.org/api/ng/directive/ngOptions . These are the same forms that are used by UI-Bootstrap.