サファリブラウザで角膜時計機能が動作しません

Question

私は検索テキストボックスを持っています。私は価値を置いているし、Enterキーを押すと結果が出てきます。

これは私のHTMLコード

 <input type="text" class="filter-input" my-enter="submitFilterForm()" ng-model="vm.query" auto-focus /> 

である。これは、私のJSファイル

   $scope.$watch("vm.query", function(name) { 
      $scope.validationError = false; 
      console.log("value of query is", name); 
      filterStateService.updateSearchQuery(name); 
     }); 

私入力し、私のカスタムディレクティブです。 ng-model = "query"では、JSで$ watch関数を定義しました。

文字でテキストボックスに値を入力する場合は、$ scope.queryが正しく出力されています。しかし、私は直接値をコピーして、テキストボックスに貼り付けている場合、それはnullとして来ています。私が直接searchboxに値をコピーアンドペーストしているときに、$ watchが動作しません。どうすればこの問題を解決できますか？

Answer 1

機能を見て利用NG-変更しようとしませ：

HTML：

<input type="text" class="filter-input" my-enter="submitFilterForm()" ng-model="query" ng-change="queryChanged" ge-auto-focus /> 

JS：

function queryChanged(){ 
    $scope.query //do something 
} 

Answer 2

あなたは$ウォッチを使用したい場合は、それが動作するはずです：

$scope.$watch('vm.query', function(newValue, oldValue) { 
    console.log('newValue:', newValue); 
    console.log('oldValue:', oldValue); 
}); 

https://jsfiddle.net/jbbrwcky/rufe5da1/6/

$ scope.queryを見たのではなく、$ watchに引数を渡す必要があります。