góc gọi lại ui-bootstrap typeahead trên selectMatch?

Tôi đang sử dụng kiểu chữ ui-bootstrap góc cạnh và tôi muốn sử dụng nó như một cách để chọn nhiều lựa chọn, vì vậy tôi cần lấy giá trị đã chọn khi khởi chạy phương thức selectMatch nhưng tôi không thể tìm thấy cách thực hiện cái đó trong bộ điều khiển của tôi

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

Nếu tôi xem giá trị đã chọn, tôi nhận được thay đổi mỗi khi nhấn một phím ...

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

Tôi hiểu rằng phương thức selectMatch là phương thức được gọi khi người dùng nhấn enter hoặc nhấp vào danh sách nhưng tôi không biết làm cách nào để gọi lại phương thức đó ...

Cảm ơn !

Có một cách tốt hơn để làm điều này bây giờ. Một phương thức gọi lại mới đã được thêm vào

Trong tệp bộ điều khiển, thêm phần sau:

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

Trong chế độ xem, hãy thêm những thứ sau:

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

Xem thông số kỹ thuật đánh máy để biết thêm thông tin (tìm kiếm onSelect).

Kiểm tra xem các URL sau có hữu ích không http://www.techguides.in/how-to-create-autocomplete-using-angularjs-ui/

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

Chỉnh sửa: phương pháp này không phải là phương pháp tốt nhất bây giờ. Tốt hơn là sử dụng gọi lại onSelect như được giải thích trong câu trả lời ở trên câu trả lời này.

Tôi tìm thấy làm thế nào để làm những gì tôi muốn. Tôi đã thấy rằng có một thuộc tính typeahead-editable và nếu nó được đặt thành false thì giá trị đã chọn chỉ thay đổi khi một giá trị từ mô hình được chọn. Và do đó, đồng hồ $ đang hoạt động tốt để kiểm tra khi giá trị mới được chọn.

<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);
     });
}

Sau đây sẽ là HTML của bạn

 <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)' />

chỉ cần thêm phần đánh máy khi chọn trong thẻ đầu vào với chức năng gọi lại.

Sau đây sẽ đi vào bên trong bộ điều khiển

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

bên trong $ item, bạn sẽ nhận được toàn bộ đối tượng mà bạn đã chuyển vào mảng chính của danh sách gợi ý

thử những điều sau đây trước khi xác thực

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