açısal ui-bootstrap typeahead geri arama selectMatch?

Açısal ui-bootstrap türünü önceden kullanıyorum ve bunu birçok seçeneği seçmenin bir yolu olarak kullanmak istiyorum, bu yüzden selectMatch yöntemi başlatıldığında seçilen değeri almam gerekiyor ancak nasıl yapılacağını bulamıyorum bu benim kontrolörümde

<div class='container-fluid' ng-controller="TypeaheadCtrl">
<pre>Model: {{selected| json}}</pre>
<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue">

Seçilen değeri izlersem, bir tuşa her basıldığında değişikliği alırım ...

scope.$watch('selected', function(newValue, oldValue) {... });

SelectMatch yönteminin, kullanıcı enter tuşuna bastığında veya listeyi tıkladığında çağrılan yöntem olduğunu anladım, ancak bu konuda nasıl geri arama yapılacağını bilmiyorum ...

Teşekkürler !

Bunu yapmanın daha iyi bir yolu var. Yeni bir geri arama yöntemi eklendi

Denetleyici dosyasında aşağıdakileri ekleyin:

 $scope.onSelect = function ($item, $model, $label) {
    $scope.$item = $item;
    $scope.$model = $model;
    $scope.$label = $label;
};

Görünümde aşağıdakileri ekleyin:

 <input type="text"
        ng-model="selected"
        typeahead="state for state in states | filter:$viewValue"
        typeahead-editable="false"
        typeahead-on-select="onSelect($item, $model, $label)"/>

Daha fazla bilgi için önden okuma özelliklerine bakın (onSelect için arayın).

Aşağıdaki URL'lerin http://www.techguides.in/how-to-create-autocomplete-using-angularjs-ui/ yardımcı olup olmadığına bakın

http://www.techguides.in/how-to-customize-autocomplete-to-display-multiple-columns-using-angularjs-ui-2/

Düzenleme: Bu yöntem şu anda en iyisi değil. Yukarıdaki cevapta açıklandığı gibi onSelect geri aramayı kullanmak daha iyidir.

İstediğimi nasıl yapacağımı buldum. Bir typeahead-editable özniteliği olduğunu gördüm ve eğer false olarak ayarlanmışsa, seçilen değer yalnızca modelden bir değer seçildiğinde değişir. Ve böylece $ watch, yeni bir değer seçildiğinde kontrol etmek için iyi çalışıyor.

<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue" typeahead-editable="false">

link: function(scope, elm, attrs){
    scope.$watch('selected', function(newValue, oldValue) {
        if (newValue)
          console.log(oldValue+"->"+newValue);
     });
}

Aşağıdaki HTML kodunuz olmalıdır

 <input id="title" type="text"  ng-model="title"  typeahead="data.enquiry_title for data in titleData | filter:$viewValue | limitTo:8" 
typeahead-on-select='onSelect($item, $model, $label)' />

sadece geri arama işlevi ile giriş etiketine typeahead-on-select ekleyin .

Aşağıdaki denetleyicinin içine girecek

$scope.onSelect = function ($item, $model, $label) {
            console.log($item);
            if($item.tid)
                $scope.activeTitleId = $item.tid
        };

$ item içinde, öneri listesinin ana dizisinde geçirdiğiniz tüm nesneyi alacaksınız

doğrulamadan önce aşağıdakileri deneyin

 modelCtrl.$setValidity('editable', true);