ディレクティブは一度だけ呼び出されます

Question

私は入力フィールドの中に入るカスタムディレクティブを作成しました。この指令の目的は、Inputfield内の値/データを分析することです。 This directive is supposed to be called everytime the inputField is given focus/cursor.

問題があるしかしは、私のカスタムディレクティブは一度だけと呼ばれています。入力フィールドがフォーカスされるたびになぜ呼び出されないのかわかりません。

私はここで間違っていますか？

私はAngularを初めて使っているので、私はどこかで逃した重要な細部があると確信しています。

ここにはplunkerがあります。

Answer 1

これは想定された動作です。リンク関数は、指定されたディレクティブのインスタンスに対して1回だけ呼び出されます。あなたも「カーソル」を言及しているので、あなたが興味があるかもしれない

var mainApp = angular.module("myapp", ['ngMaterial']); 

mainApp.directive("myDirective", function($log) { 
    return { 
     restrict : 'A', 
     require : "ngModel", 
     scope : { 
      myDirective : "=" 
     }, 
     link : function(scope, element, attrs, ngModel) { 
      element.on('focus', doSomething); 

      function doSomething() { 
      $log.log("value is:", scope.myDirective); 
      if (ngModel.$isEmpty() && scope.myDirective && scope.myDirective.length > 0) { 
       ngModel.$setUntouched(); 
       ngModel.$setValidity(); 
      } 
     } 

     } 
    } 
}); 

http://plnkr.co/edit/RwTSsQKBtzzJDXE8by1I?p=preview

：あなたはfocusイベントに興味を持っているので、私は、ディレクティブが適用される要素にイベントリスナを追加しましたmouseoverイベントも同様です。これは、別のイベントリスナーを追加するのと同じくらい簡単です：

element.on('mouseover', doSomething)

注：私はundefinedのlengthを読むことで、コンソールエラーを回避するためにscope.myDirectiveのための追加のチェックを追加しました。 OPの要求に応じて

：

jqLit​​eは、これらのすべてをサポートしている場合、私は知らないが、すべてのDOMイベントのリストについては、あなたがこのpageをチェックする必要があり、あなたはおそらくfocus-の中で最も興味を持っている、キーボード - &マウスイベント。すべてjqLit​​e機能一覧は

this