Scelta a livello di codice Selezionare AngularJS Typeahead

Question

Ho un Typeahead AngularJS che recupera le corrispondenze in modo asincrono. Quando un codice a barre viene scansionato nel campo, restituisce il risultato corrispondente, ma l'utente deve ancora selezionarlo. Vorrei selezionare automaticamente il risultato se è una corrispondenza esatta. Vedo che il typeahead ha una funzione select (idx), ma non sono sicuro di come ottenere un riferimento dal mio controller.

stavo immaginando qualcosa di simile:

$scope.SearchItems = function (term) { 
    return $http.get('api/Items/Search', { 
     params: { 
      term: term 
     } 
    }).then(function (response) { 
     if (response.data.length == 1 && response.data[0].Code == term) { 
      // Somehow inform typeahead control to select response.data[0] 
     } 
     return response.data; 
    }); 
}; 

Answer 1

ho avuto un problema simile e mai capito come accedere della typeahead select(idx), ma sono riuscito a ottenere questa funzionalità di lavoro. Ecco la mia soluzione hacky ....

$promise.then(function(res) { 
angular.forEach(res, function(item, key) { 

    // if we have an exact match 
    if (item.title === term) { 
     // update model 
     $scope.src = item; 

     // find item in dropdown 
     var elm = '[id*=option-' + key + ']'; 
     var opt = angular.element(document.querySelectorAll(elm)); 

     //call click handler outside of digest loop 
     $timeout(function() { 
      opt.triggerHandler('click'); 
     }, 0); 
    } 
}); 
// return async results 
return res; 
}); 

In fondo siamo solo aggiornare il nostro modello manualmente, individuare l'elemento nella nostra discesa e poi sparare il 'click' handler. Accertati di avvolgere la chiamataCin un valore $timeout() impostato su zero, altrimenti otterrai un errore $rootScope:inprog poiché digest è già in corso.