Was sind die link: - Funktion "Parameter" (scope, element, attrs)? AngularJS

Parameter scope, element, und attrs definiert sind, die für Ihre benutzerdefinierte Richtlinie, nach der Dokumentation hier, aber Sie können Sie umbenennen, um Ihre wie.

scope: dies ist der Bereich für die benutzerdefinierte Richtlinie, ähnlich der $scope im controller

element: das ist das element der benutzerdefinierten Richtlinie

attrs: dies ist ein Satz von Attributen, die in Ihrer benutzerdefinierten Richtlinie. (sollte die Attribute des Elements, Dank @zeroflagL für die Korrektur!)

Zum Beispiel, wenn Sie erstellen eine benutzerdefinierte Richtlinie benannt myDirective, und würden Sie wahrscheinlich verwenden Sie es in Ihrem html partials wie diese:

<my-directive num-rows="3"></my-directive>

Hier, die num-rows ist ein Attribut für Ihre Richtlinie, und Sie können deren Wert in Ihrer link Funktion:

function link(scope, element, attrs) {
    console.log('num-rows:', attrs.numRows);
    //you can change its value, too
    attrs.$set('numRows', '10'); //attrs setter

    //you can watch for its changes to trigger some event
    attrs.$observe('numRows', function(newVal) {
       console.log('trigger some event for the changes in numRows here');
    });
}

Auch in die link-Funktion vor, können Sie binden Sie das element/die Richtlinie zu einer Aktion:

element.bind('click', function() {
   console.log('do something with the click event');
});

Ich schlage vor, Sie verbringen einige Zeit mit dem Lesen der Dokumentation. Die link-Funktion einen 4. parameter, wird der controller von einer anderen Richtlinie, die Sie benötigen in Ihrem benutzerdefinierten Richtlinie. z.B.:

require: '^ngModel'
....

function link(scope, element, attrs, ngModelCtrl) {
  ....
}

InformationsquelleAutor TonyGW