Eğik UI: Kuvvet typeahead

Ben AngularUI's typeahead feature kullanan bir metin alanı var sonuçlanır. Şöyle görünüyor:Eğik UI: Kuvvet typeahead

<input typeahead="eye for eye in autocomplete[column] | filter:$viewValue">

Kullanıcı, oluşturulan listeden bir seçenek seçmek için zorlamak istiyorum. Listede tam olarak göründüğü gibi bir şey yazmazlarsa, bulanıklıkta (metin alanının dışına tıklandığında), metin alanının değerini orijinal değerine sıfırlamasını isterdim.

typeahead direktifin bu işlevselliği parçası mıdır, yoksa bunu uzatmak gerekir? Google ve stackoverflow'ta yaklaşık 10 dakika arandım, ancak alakalı bir doküman bulamadım.

kimse bunu gerçekleştirmek için doğru yönde işaret eder misiniz? typeahead-editable="false":

kaynak

2014-09-10 Josue Espinosa

Söz konusu tam eşleşmeleri etkinleştirmek filtrelemek için ikinci bir argüman vardır, belki de o iş yapabilir? 'filter: $ viewValue: true' – jpmorin

Hmm, sayfamdaki typeahead kırdı. Angular'ın belirli bir sürümü var mı? –

Ayrıca varolan sonuçları zorlamak için Ui-Boostrap bir öznitelik var: 'typeahead-editable = "false" '(typeahead-editable (Defaults: true): Model değerleri yalnızca pop-up'lardan seçilenlere mi?) – jpmorin

mevcut değerleri sadece zorlamak için eklenti bir özelliği yoktur. Varsayılan değer true'dur.

Yalnızca $modelValue yanlış bir değer seçildiğinde boş olarak ayarlanmak üzere ayarlanıyor ve bu aslında gerekliyse, başka bir şey yazamayacağız. $viewValue, girilen son metin ile kalır. $viewValue'u sıfırlamak için alanınıza bir bulanıklık olayı bağlayabilirsiniz? İşte

görüntülenen seçilen değer ile JsFiddle geçerli: http://jsfiddle.net/ZjPWe/61/

Ayrıca bir değer seçildiğinde bir geri gereken özelliklerden birini typeahead-on-select kullanabilirsiniz, ama hiçbir değer olduğundan bu typeahead-editable="false" ile çalışacak emin değilim seçiliyor.

kaynak

2014-09-10 20:42:50 jpmorin

cevap

İlgili konular