自定义验证指令不起作用

Question

我有一个输入字段，其中包含html格式的typeahead，如下所示

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

Typeahead值将从js加载，如下所示

   $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