2016-05-29 15 views
1

ng-viewでビューを変更したいと思います。要は、ng-clickイベントを発生させる代わりに、誰かがinput:textフィールドに入力を開始するときに行う必要があります(このため、pageの検索ボックスに入力を開始したときと同じ効果が得られます)。AngularJS - Ng-route - 入力時にビューを変更します。

PS:入力要素にng-clickを追加しようとしましたが、イベントは発生しません。どんな助けでも大歓迎です。ありがとう!

編集:ここではあなたがする必要があるのは(デバウンス用)ngModelOptionsでngChangeディレクティブを使用することですdfsq

答えて

1

によって提供正解と更新plunkrです:

<input type="text" 
     ng-change="searchProduct()" 
     ng-model="query" 
     ng-model-options="{ updateOn: 'default blur', debounce: { 'default': 500, 'blur': 0 } }"> 

その後changeViewの実装あなた次第ですが、私は変更ビューに$location.pathと何かする必要があると仮定します:

$scope.searchProduct = function() { 
    // ... 
    $location.search({query: $scope.query}); 
}; 
+0

ありがとう!私はちょうど私のコードに最後の行を適応させる方法を正確に理解していません。ここに私がこれまでに開発したものと一緒になっているplunkr [http://plnkr.co/edit/3QwWaaCSt8PmTfbpIYi9?p=preview] – Joe82

+1

コントローラに$ locationを挿入するだけです:http://plnkr.co/edit/tDpjJyTJw4klfHGLBXZJ?p=プレビュー – dfsq

+0

完璧に動作します。私はそれを正しいものとしてマークし、質問にplunkrを加えます。どうもありがとう! – Joe82

関連する問題