自定義驗證指令不起作用

Question

我有一個HTML形式的預輸入一個輸入字段如下圖所示將加載形式JS

<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue | limitTo:8"><br/> 

事先鍵入的內容值如下圖所示

$scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi']; 

這是工作的預期。但我需要一個驗證來檢查輸入值是從狀態查找還是不選。任何幫助，不勝感激。

觀看演示：http://plnkr.co/edit/QLfP6d5a9Xj97TAv5l66?p=preview

Answer 1

您可以設置typeahead-on-select屬性。

<input ... typeahead-on-select='onSelect($model)'> 

並在控制器添加一個回調函數：

$scope.onSelect = function ($model) { 
    console.log("Selected", $model); 
}; 

See the demo