Имя заголовка Angularjs не определено

Question

Я получаю неопределенное значение, когда возвращается результат, может кто-нибудь помочь мне здесь?Я знаю, что есть похожий вопрос, но я не мог понять решение.Таким образом, снова спрашивая.

JS:

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

Просмотр журнала консоли:

Наконец, мойhtml код:

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

Просмотр получаю:

Answer 1

Поскольку массив cnames, с которым вы работаете, является строкой, вы должны использовать особую форму при итерации по массиву.В общем, ng-options / uib-typeahead ожидают, что массив, который вы перебираете, будет массивом объектов.

При работе с массивом строк вы можете использовать

cname for cname in cnames

дляправильно назначить текст раскрывающегося списка тексту элемента массива.Это установит значение selected на индекс выбранного элемента из исходного массива.

cname as cname for cname in cnames

установит значение selected в качестве самого текста.

все возможныеформы документированы в https://docs.angularjs.org/api/ng/directive/ngOptions. Это те же самые формы, которые используются в UI-Bootstrap.

Answer 2

Вы можете просто связать его как

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

DEMO