La directive angulaire attire. $ Observe

J'ai trouvé ce Angulaire de la Directive en ligne pour ajouter un bouton de partage twitter. Il semble straight forward, mais je ne peux pas savoir ce que l' attrs.$observe est en train de faire.

J'ai regardé dans la doc, mais ne peut pas voir $observe référencés.

La directive semble juste pour ajouter le href qui viendrait du contrôleur si quelqu'un peut expliquer ce que le reste du code est en train de faire?

module.directive('shareTwitter', ['$window', function($window) {

    return {
        restrict: 'A',
        link: function($scope, element, attrs) {

            $scope.share = function() {

                var href = 'https://twitter.com/share';

                $scope.url = attrs.shareUrl || $window.location.href;
                $scope.text = attrs.shareText || false;

                href += '?url=' + encodeURIComponent($scope.url);
                if($scope.text) {
                    href += '&text=' + encodeURIComponent($scope.text);
                }

                element.attr('href', href);
            }

            $scope.share();

            attrs.$observe('shareUrl', function() {
                $scope.share();
            });

            attrs.$observe('shareText', function() {
                $scope.share();
            });
        }
    }
}]);


<a href="" target="_blank" share-twitter share-url="[[shareTwitterUrl]]" share-text="[[shareTwitterText]]">Twitter</a>

source d'informationauteur ttmt

  1. 24

    En bref:

    Chaque fois que 'shareTwitterUrl" ou "shareTwitterText" des changements, il va appeler la fonction de partage.

    À partir d'un autre stackoverflow réponse: (https://stackoverflow.com/a/14907826/2874153)

    $observer() est une méthode sur les Attributs de l'objet, et en tant que tel, il peut
    seulement être utilisé pour observer/regarder la modification de la valeur d'un DOM attribut. Il
    n'est utilisé que de l'appelé à l'intérieur des directives. Utiliser $observer lorsque vous avez besoin de
    observer/regarder un DOM attribut qui contient l'interpolation (c'est à dire,
    {{}}'). E. g., attr1="Nom: {{nom}}", puis dans une directive:
    attrs.$observer('attr1', ...). (Si vous essayez de portée.$regarder(attrs.attr1,
    ... ), il ne fonctionnera pas parce que les {{}}s -- vous aurez défini.) Utilisation
    $regarder pour tout le reste.

    Angulaires docs: (http://docs.angularjs.org/api/ng/type/$compiler.la directive.Attributs)

    $compiler.la directive.Les attributs#$observer(clé, fn);

    Observe une interpolation de l'attribut.

    L'observateur de la fonction sera appelée une fois au cours de la prochaine $digest fol
    la diminution de la compilation. L'observateur est alors invoquée lorsque la valeur interpolée changements.

  2. 1
    <input type="text" ng-model="value" >
<p sr = "_{{value}}_">sr </p>


.directive('sr',function(){

return {

        link: function(element, $scope, attrs){
                attrs.$observe('sr', function() {
                                console.log('change observe')
                    });
            }
    };
})