Aufruf einer controller-Funktion über einen link in einer Richtlinie

Schreibe ich eine Eckige 1.5.0-beta2-Projekt.

Möchte ich nennen, eine controller-Funktion aus dem link-Eigenschaft des zurückgegebenen Objekts.

was bedeutet...

angular.module('myalcoholist').directive("ngFileSelect",function() {

    return {
        controller: 'AddCoctailController',
        controllerAs: 'addCocktail',
        link: function ($scope, el) {

            el.bind("change", function (e) {

                var file = (e.srcElement || e.target).files[0];
/*THIS DOES NOT WORK */      addCocktail.getFile(file);
            })

        }

    }
});

wie man hier sehen kann, ich versuche zum ausführen eines controller-Funktion getFile.

ist es überhaupt möglich ?

  • $scope.addCocktail - hast du das ausprobiert?
  • ja. ich bin das hinzufügen der Funktionen auf den controller, nicht auf den Umfang
InformationsquelleAutor ufk | 2015-12-09
  1. 6

    Wenn Sie einen Winkel >= 1.3, verwenden Sie bindToController option

    angular.module('myalcoholist').directive("ngFileSelect",function() {

    return {
        controller: 'AddCoctailController',
        controllerAs: 'addCocktail',
        bindToController: true,
        link: function (scope, el) {

            el.bind("change", function (e) {

                var file = (e.srcElement || e.target).files[0];
                scope.addCocktail.getFile(file);
            });

        }

    }
});

    codepen: http://codepen.io/gpincheiraa/pen/VeYxGN

    InformationsquelleAutor Gonzalo Pincheira Arancibia
  2. 2

    Hinzufügen, um Chris ' s Antwort oben - link hat mehrere Parameter (scope, element, attrs, controller). Sie können den Zugriff auf die angeschlossenen Controller-Funktionen wie folgt:

    link: function(scope, elem, attrs, ctrl){
    ctrl.func_to_call();
}
    InformationsquelleAutor Katana24
  3. 2

    Controller ist zum Auffüllen von $scope und link läuft nach der controller, so können Sie nur zugreifen, was ist auf Ihrem Umfang in link-Funktion.

    angular.module('app', [])
  .directive('tstDrv', function () {
      return {
          restrict: 'E',
          template: '<div>{{hello}}</div>',
          link: function (scope) {
              console.log(scope.hello);
              scope.hello = "hello again";
          },
          controller: function ($scope) {
              $scope.hello = 'tst';
          }
      }
  })

    Auch dies, SO Frage bezieht Winkel: Aufruf-controller-Funktion in eine Richtlinie-link-Funktion, mit &

    Wenn man will Zugriff auf ein scope-Eigenschaft definiert wurde, die außerhalb der aktuellen Richtlinie Anwendungsbereich kommt es auf scope-Eigenschaft von "Domain-Definition-Objekt'.

    Ref. https://github.com/angular/angular.js/wiki/Understanding-Scopes#javascript-prototypal-inheritance

    • gibt es eine Möglichkeit zum ausführen von Funktionen, die von der Steuerung ohne Verwendung von $scope ?
    • vielen Dank für den input, aber nicht ganz meine Frage beantworten. vielleicht ist es nicht möglich, aber ich Frage mich, ob ich anrufen kann eine Funktion aus dem parent-controller oder eine variable in der übergeordneten Steuerung
    • Sie erwähnte nicht, dass Sie wollen, bekommen halten auf $parent, von dieser Richtlinie. Lassen Sie mich aktualisieren meine Antwort dann.
    InformationsquelleAutor Chris Hermut
Schreibe einen Kommentar