validation - 自定义验证指令不起作用

Question

我有一个 html 形式的输入字段，如下所示

<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