8

Mam <select> wypełnione przez ng-options. W konkretnym przypadku, gdy dwie wartości sąsiadują z uporządkowaną listą modeli, a wartości mają tę samą pierwszą literę, aktualizacja wartości modelu w kątowym zrywa. Może to być wydarzenie związane z przeglądarką, ale nie jestem pewien.Angular.js opcja-ng wybierz przy użyciu keypress

This plunker shows the issue i this GIF illustrates it.

Próbowałem ręcznie uruchamiać zdarzenie change na polu ręcznie bez żadnego szczęścia. Chcielibyśmy zachować listę w kolejności alfabetycznej, jeśli to możliwe - zmiana kolejności wydaje się zatrzymać problem.

Problem występuje tylko w przeglądarce Chrome - używam wersji 43.0.2357.81 (64-bitowej).

Wszelkie pomysły będą mile widziane. Dzięki.

+0

Z jakiej przeglądarki korzystasz? Twój plunkr wydaje się działać poprawnie w Firefoksie. – entropic

+0

To prawda, zapomniałem wspomnieć, że to wydaje się być tylko kwestią Chrome (chociaż napisałem to w Plunkerze). Używam Chrome w wersji 43.0.2357.81 (wersja 64-bitowa) i zweryfikowałem ją jako problem na wielu komputerach. – phonicx

+0

Nawet przy użyciu ng-model-options = "{'debounce": 1000} "nadal wybiera niewłaściwy. Może problem z przeglądarką? – Okazari

Odpowiedz

4

To jest rozwiązanie hakerskie i jest brzydkie, ale działa.

<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> 

Szczerze nie wiem, dlaczego oryginalny kod nie zadziałał.

+0

To miła propozycja, bardziej "kątowa" niż niektóre inne, na które patrzyliśmy - dzięki. – phonicx