コントローラー内のディレクティブ属性値の変更指示を再レンダリングします。

Question

角度コントローラー内にいくつかの追加機能を備えたテキスト入力を表す指示があります。最大長がディレクティブに渡されるので、入力された入力テキストは、その解析値に基づいてディレクティブ内で制限できます。 最大の長さは、ユーザの活動に基づいて時々変化するコントローラ変数を使用して決定されます。ディレクティブが

<text-box-directive data-max-length="{{maxLength}}"></<text-box-directive> 

maxLengthの変数は、変数の変更は、指令値に更新されないにもかかわらず、属性として使用されるので、このディレクティブ

angular.module('common.directives') 
    .directive('textBoxDirective', function ($parse) { 

    return { 
     scope: { 
      // some additional scope variables 
     }, 

     link: function (scope.element, attrs) { 
      scope.maxLength = $parse(attrs.maxLength)(); 
     } 
    } 
} 

で以下に示します。その指示。私は時にコントローラの値の変化は、この値を更新することにしたいが、それでもmaxLengthの変数がディレクティブに属性であることが要求されるすべての

Answer 1

まず、あなたのコードで$parseを使用する必要はありません。補間値を受け取っているはずです。

ここで、コントローラがコントローラ$scopeにあり、それをディレクティブに渡したいとします。このことを念頭に置いて、あなたは

<text-box-directive max-text-length="{{maxLength}}"></<text-box-directive> 

今すぐあなたの鋳型に以下のようなディレクティブを使用しディレクティブリンク機能の内部で、あなたも取得するコード -

link: function (scope, element, attrs) { 
    attrs.$observe('maxTextLength', function (newValue) { 
    scope.maxLength = newValue; 
    }); 
} 

以下この方法であなたを使用して属性値を取得しますコントローラ$scopeで値が変更されるたびに通知されます。