Как использовать ion-автозаполнение

#javascript #angularjs #ionic-framework

#javascript #angularjs #ionic-framework

Вопрос:

Я использую ion-autocomplete в своем проекте, и вот что я хочу сделать:

Вот поле ввода:

 <label class="item item-input item-stacked-label">    
    <span class="input-label">Multiple select autocomplete</span>
    <input ion-autocomplete type="text" readonly="readonly" 
           class="ion-autocomplete" autocomplete="on"
           ng-model="model"
           item-value-key="lastname"
           item-view-value-key="firstname"
           items-method="getTestItems(query)"
           items-method-value-key="items"
           placeholder="Enter test query ..."
           items-clicked-method="itemsClicked(callback)"
           items-removed-method="itemsRemoved(callback)" />
</label>
  

Вот контроллер:

 $scope.getTestItems =function (query) {
    if (query) { 
        return { 
            items: [ 
                {"matricule":"5324", "id":270, "lastname":"IZIKKI", "firstname"‌​:"SAID"}, 
                {"matricule":"5505", "id":271, "lastname":"BOUKASIM", "firstnam‌​e":"EL MAACHI"},
                {"matricule":"5505", "id":272, "lastname":"BELMOUMENE‌​", "firstname":"MHAME‌​D"} 
            ] 
        }; 
    } 
    return {
        items: []
    };
};
  

Что я хочу сделать, так это выполнить поиск по матрице. Другими словами, когда я печатаю 5324 , я хочу, чтобы фамилия и имя, связанные с этой матрицей, отображались в списке. Когда я нажимаюdone, я хочу, чтобы это отображалось в модели.

Как я могу этого добиться, пожалуйста?

Комментарии:

1. $scope.getTestItems =function (query) { if (query) { return { items: [ {«матрица»: «5324», «id»: 270, «фамилия»: «IZIKKI», «firstname»:»СКАЗАЛ»}, {«матрица»:»5505″, «id»: 271, «lastname»: «BOUKASIM»,»firstname»:»EL MAACHI»},{«matricule»:»5505″, «id»: 272, «lastname»: «BELMOUMENE»,»firstname»:»MHAMED»} ] }; }вернуть {элементы: []}; };

2. вот контроллеры выше

3. Вставьте свой код в сообщение, а не в комментарий. Перейдите к туру stackoverflow.

4. Вы пытаетесь сделать? какую ошибку вы получаете??? Потому что это было бы легко сделать с помощью ng-repeat и filter