0

以下に示すように、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

4

1 に答える 1

0

プロパティを設定できtypeahead-on-selectます。

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

コントローラーにコールバック関数を追加します。

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

See the demo

于 2013-08-16T22:46:39.013 に答える