AngularJS：ぼかしの入力を変更するためのウォッチフォーム

Question

私は最近、これまで何度も検索しましたが、私にはうってつけの答えや正しい解決策が見つかりませんでした。私はぼかしのフォーム入力の変更を制御する指示を作成したいと思います。これは、ツール内のユーザー設定を編集するためのものです。

したがって、ユーザーは「generall」というフォームから入力フィールド内をクリックしています。ここでは何も起こりません。ユーザーが編集（入力）している場合は、何も起こらないはずです。ユーザはフィールドをクリックしてフィールドをぼかします。ディレクティブは 'updateSettings'のような関数を呼び出して、フォーム名（generall）とすべての名前+値をフィールドから取得する必要があります。

var vars = { formName: 'generall', fields: {ALLFIELDS} }のようになります。

私が出回っている機能を持つことを試みた：ここ

return { 
    require: "form", 
    link: function(scope, element, attrs){z 
    var cb = $parse(attrs.formOnChange); 
    element.on("change", function(){ 
     cb(scope); 
    }); 
    } 
}; 

が私のコードです：https://plnkr.co/edit/KrjtJVCS9kxRckMH3Mv6?p=preview

Answer 1

使用

element.on("blur",function(){}) 

サンプルディレクティブ

app.directive("myDirective", function ($rootScope) { 

    return { 
     controller: function ($scope) { 

     }, //end of controller 
     restrict: 'A', 
     // element must have ng-model attribute. 
     require: 'ngModel', 
     link: function ($scope, ele, attrs, ngModel, $rootScope) { 

      ele.on('blur', function() { 
       //write functionality here 

      }); 

     }, //end of link function 
    } //end of return 
}); //end of myDirective