Angular.js ng-option mit Tastendruck auswählen

Ich habe eine <select> über ng-options bestückt. In einem bestimmten Fall, wenn zwei Werte in der Liste der geordneten Modelle nebeneinander liegen und die Werte denselben ersten Buchstaben haben, wird der Modellwert in Winkelpausen aktualisiert. Dies kann ein Browser-Event-Problem sein, aber ich bin mir nicht sicher.Angular.js ng-option mit Tastendruck auswählen

This plunker shows the issue und this GIF illustrates it.

Ich habe versucht, das Ereignis auf dem Feld manuell ohne Glück auszulösen. Wir möchten die Liste möglichst in alphabetischer Reihenfolge halten - eine Änderung der Reihenfolge scheint das Problem zu stoppen.

Das Problem tritt nur in Chrome auf - ich verwende Version 43.0.2357.81 (64-Bit).

Irgendwelche Ideen würden geschätzt. Vielen Dank.

Quelle

2015-05-27 phonicx

Welchen Browser benutzen Sie? Ihr Plunkr scheint in Firefox gut zu funktionieren. – entropic

Das ist richtig, ich habe vergessen zu erwähnen, dass dies ein Chrome-Problem zu sein scheint (obwohl ich es in den Plunker geschrieben habe). Ich verwende Chrome Version 43.0.2357.81 (64-Bit) und habe es als Problem auf mehreren Computern verifiziert. – phonicx

Sogar mit ng-model-options = "{'debounce': 1000}" wählt es immer noch das falsche aus. Vielleicht ein Browserproblem? – Okazari

Dies ist eine Hack-Lösung und es ist hässlich, aber es funktioniert.

<select ng-model="workflowData.section" ng-options="s.name as s.name for s in sections" class="fullwidth" ng-keypress="workflowData.section = s.name"> 
</select>

Ich weiß ehrlich nicht, warum der ursprüngliche Code nicht funktioniert hat.

Quelle

2015-05-28 05:54:55 Reasurria

Dies ist ein netter Vorschlag, eher eine 'kantige' Lösung als einige der anderen, die wir uns angesehen haben - danke. – phonicx

Angular.js ng-option mit Tastendruck auswählen

Antwort

Verwandte Themen