複数の入力にAngular ngBlurを追加

Question

現在、編集後にウェブページ内のすべてのコンテンツを「保存」しようとしています。 IEでは、ユーザーが入力をクリックしてデータを入力し、どこか別の場所をクリックするとすぐに、モデルのすべてのデータを収集してブラウザのローカルストレージに保存する機能を実行します。

それを行うための通常の方法だ

<input ng-blur="functionName()" /> 

、しかし、のiは入力のトンを持っているとしましょう：

<input ng-blur="functionName()" /> 
<input ng-blur="functionName()" /> 
<input ng-blur="functionName()" /> 
<input ng-blur="functionName()" /> 

は、私はすべてのページのinputsまたは必須にng-blue効果を適用するために何かできることがあります私はinputにng-blue属性を入れますか？

Answer 1

これを行うカスタムディレクティブを作成できます。これは、この質問の答えから適応したものです：

AngularJS 1.3 - `ng-change`-like functionality for the entire form

はこれをテストしていませんが、それは正しい軌道に乗ってあなたを取得する必要があります。

.directive('inputsOnBlur', ['$parse', function($parse){ 
    return { 
    link: function(scope, element, attrs){ 
     var cb = $parse(attrs.inputsOnBlur); 
     element.find('input').on('blur', function(){ 
      cb(scope); 
     }); 
    } 
    } 
}]); 

とそれを使用する：もちろん

<form inputs-on-blur="doSomething()"> 
    <input /> 
    <input /> 
    <input /> 
</form> 

Answer 2

をそれが可能です。 入力タグにdata-ng-blurを動的に追加する必要があります。 あなたのコントローラ内のコードは次のようになります。それぞれの

var inputList = Array.prototype.slice.call(document.getElementsByTagName('input')); inputList.forEach(function (input) { input.setAttribute('data-ng-blur', 'functionName()'); $compile(angular.element(input))($scope); });