Angulaire: l'appel d'une fonction de contrôleur à l'intérieur d'une directive fonction de lien à l'aide de &

Nous sommes en cours d'exécution dans un problème en essayant d'appeler une fonction passés dans une directive à l'aide de l'esperluette "& " dans notre directive de la fonction de lien.

Il semble que la fonction est appelée sur le contrôleur, mais aucun argument n'est passé dans l'appel. Tous les exemples que nous avons vu impliquent le passage à travers la création d'un appel dans le modèle. Est-il possible d'appeler une fonction sur votre directive à partir de son modèle, puis faire quelque chose dans la directive qui appelle la fonction de contrôleur passés dans celui-ci?

InformationsquelleAutor Walt Weidner | 2013-05-30
  1. 155

    Êtes-vous en passant les arguments à l'intérieur de {}s? E. g., à l'intérieur de la directive sur la fonction de lien, vous aurez envie d'appeler la méthode comme suit: scope.someCtrlFn({arg1: someValue});

    <div my-directive callback-fn="ctrlFn(arg1)"></div>
    app.directive('myDirective', function() {
    return {
        scope: { someCtrlFn: '&callbackFn' },
        link: function(scope, element, attrs) {
            scope.someCtrlFn({arg1: 22});
        },
    }
});

function MyCtrl($scope) {
    $scope.ctrlFn = function(test) {
        console.log(test);
    }
}

    Violon.

    • Merci! Nous avons juste pensé que... ne le savais pas, la clé sur l'objet devait correspondre à l'argument de l'appel de fonction qui est passé.
    • merci soooo beaucoup, a été aux prises avec ce. Savoir comment passer de l'objet de la carte sur un ng-click mais c'est génial.
    • scope.someCtrlFn({arg1: 22}); est que je cherche! Merci beaucoup!!
    • qu'advient-il si l'argument passé dans la directive est une propriété de l'objet. Par exemple. <div mon-directive de rappel-fn="ctrlFn(x.y.z, arg2)" />
    • J'ai enfin trouvé cette syntaxe dans le Angularjs docs. Je pense qu'il a été involontairement bien caché. Merci pour l'affichage de cette Marque!
    • Que faire si vous ne voulez pas forcer une directive de l'utilisateur à utiliser "arg1" exactement, mais ce qu'il veut, de toute dynamique variable/valeur? Pas possible, alors? Vous êtes tous de passage variable (22) de l'intérieur de la directive - je tiens à le passer de contrôleur, et il peut être n'importe quoi ...

    InformationsquelleAutor Mark Rajcok
  2. 29

    En plus de la Marque, de la réponse, je tiens à souligner que vous pouvez épargner quelques lettres à l'aide de la & de sténographie. Cela suppose que le callback-fn référencé dans votre HTML existe scope.callbackFn dans votre périmètre. Tout le reste est toujours le même, donc il y a seulement 2 lignes à modifier. J'ai gardé la version de Marc que les commentaires, donc vous devriez être en mesure de repérer la différence facilement.

    <div my-directive callback-fn="ctrlFn(arg1)"></div>
    app.directive('myDirective', function() {
    return {
        scope: { callbackFn: '&' }, //scope: { someCtrlFn: '&callbackFn' },
        link: function(scope, element, attrs) {
            scope.callbackFn({arg1: 22}); //scope.someCtrlFn({arg1: 22});
        },
    }
});

function MyCtrl($scope) {
    $scope.ctrlFn = function(test) {
        console.log(test);
    }
}
    InformationsquelleAutor robro