2017-09-19 4 views
1

J'ai un type d'avance pour mon entrée comme suit,Comment restreindre l'option de saisie à l'avance pour sélectionner à partir du clavier?

<input 
    typeahead-template-url="app/templates/type-a-head-item.html" 
    type="text" 
    ng-model="selectedDisease" 
    search-head="powerSearch" 
    typeahead-loading="loadingLocations" 
    typeahead-wait-ms="200" 
    typeahead-min-length="0" 
    placeholder="Disease, Procedure or Medicine" 
    typeahead="match as match._source.name for match in getDiseases($viewValue)" 
    typeahead-focus-first="false" 
    typeahead-editable="false" 
    typeahead-loading="loadingDiseases" 
    class="form-control input-lg ng-pristine ng-untouched ng-invalid ng-invalid-required magnifyInput Bcolor" 
    typeahead-on-select="searchDoctors()" 
    aria-autocomplete="list" 
    aria-expanded="false" 
    aria-owns="typeahead-12-6891"> 

Je veux sélectionner uniquement l'option dans le menu déroulant, mais pas en le sélectionnant avec le clavier enter.I essayé beaucoup de méthodes avec jQuery, mais aucune n'a fonctionné .Can n'importe qui s'il vous plaît me suggérer aide.Merci.

$(document).keypress(function(e) { 
    if(e.which == 13) { 
     alert('You pressed enter!'); 
    } 
}); 
+1

'J'ai essayé beaucoup de méthodes' => Essayez de partager. –

+0

@ mt1: votre problème est-il résolu ...? Si vous avez trouvé une solution alors vous pouvez partager avec nous ... :) –

Répondre

0

L'ajout de cet attribut doit obtenir votre comportement souhaité:

typeahead-should-select="false" 

De l'docs:

typeahead-devrait-select ($ event) (par défaut: null)

Un rappel est exécuté lorsqu'un événement de touche qui pourrait déclencher un sel L'ection se produit. La sélection n'aura lieu que si cette fonction renvoie true.

+0

Salut marsze, je viens de mettre typeahead-should-select = "faux" mais ne fonctionne pas – mt1

+0

@ mt1 Je l'ai essayé moi-même et cela a fonctionné comme prévu. Définir "ne fonctionne pas" ou clarifier votre comportement souhaité. – marsze

+0

En fait, je viens de coller la ligne 'typeahead-should-select = "false"' dans mon entrée et n'a pas fait de changements, mais le comportement de la typeahead n'a pas changé. Dois-je changer quoi que ce soit d'autre. – mt1