Die Verwendung von mehreren Richtlinien, die in erfordern mit Angularjs

Habe ich die situation, wo ich muss den Zugriff auf mehrere Richtlinie controller-Methoden.

Kann ich den Zugriff auf eine Methode von einer übergeordneten Richtlinie mit dem verlangen, etwa so:

    require:"^parentDirective"

aber ich brauche auch einen Zugriff auf eine Methode in einer separaten Richtlinie (nicht die Eltern), die Dokumentation sagt verwenden Sie ein array von strings etwa so:

    require:["^parentDirective","directiveTwo"]

aber dies bewirkt, dass Fehler, obwohl die beiden Richtlinien wurden zusammengestellt, um den DOM.

Bin ich hier etwas fehlt?

hier ist meine Richtlinie:

    angular.module('testModule', ['parentModule'], function () {
    }).directive('testDirective', function() {
        return {
            restrict: 'AE',
            templateUrl: 'testTemplate.tpl.html',
            scope: {
                value1: "=",
                value2: "="
            },  
            require:['^parentDirective','otherDirective'],
            controller: function($scope,$modal,socketConnection) {

                if(case_x == true){
                    $scope.requiredController_1.ctrl1Func();
                }
                else if(case_x == false){
                    $scope.requiredController_2.ctrl2Func();
                }


            },
            link: function(scope,element,attrs,requiredController_1,requiredController_2){

                scope.requiredController_1 = requiredController_1;
                scope.requiredController_2 = requiredController_2;

            }

        };

    });

Kann man alle drei Richtlinien in eine fiddle oder plunker? Das einzige, was ich sehe, falsch ist, der link-Funktion die Funktion erhält ein array von Controllern, die nicht jeden controller einzeln (es sei denn das wurde geändert).
Hier ist ein plunker was ich bin versucht zu tun, aber es immer noch nicht zu funktionieren scheint und immer wieder, ich bin nicht sicher, warum.

InformationsquelleAutor user1005240 | 2014-08-26

7

Ich denke, dies ist nah an, was Sie wollen (hoffentlich):

http://plnkr.co/edit/WO6SROdVFOYlR22JQJPb?p=preview

Hier wurden einige Gedanken:
1. Ich denke, die controller: function () {} ausgeführt wird, auf dem Weg nach unten, in der Erwägung, dass die link: function () {} ausgeführt wird, auf dem Weg zurück nach oben (was passiert, wenn es geht nach unten den DOM-Baum), das heißt, Sie benötigt, um zu bewegen, Ihren code, hängt von den anderen Steuerungen aus der Richtlinie controller der Richtlinie-link-Funktion.
2. Richtlinien nutzen, die require kann nur verlangen, Richtlinien über die übergeordneten Elemente (mit ^) oder das aktuelle element. Sie hatten in den html-Code, Zitat, Ihre Elemente alle Geschwister. Wenn, dass muss der Fall sein, müssen Sie wickeln alle Geschwister in einem vierten Richtlinie, dass Sie alle "require".
3. Wenn Sie require: [] ein array übergeben wird in die link-Funktion. Daher:
```
link: function(scope, element, attrs, controllers) {
  var parent1 = controllers[0];
  var other = controllers[1];
}
```
Tut, die Antwort auf alles?
- Danke für deine Einsicht, das problem, das ich konfrontiert wurde, war zwei klappen, Erstens war ich versucht, Zugriff auf eine Methode in einer Richtlinie in einem unabhängigen Modul (nicht ein Elternteil oder im Modul, das die Methode aufruft), das wusste ich nicht, war nicht erlaubt. Mein zweites Problem war, dass ich nicht Zugriff auf die controller-Elemente korrekt in die link-Funktion. Danke für deine Antwort 🙂
InformationsquelleAutor Words Like Jared
3

Müssen Sie ein Komma nach der require-Anweisung
```
require:['^parentDirective','otherDirective'], //<--- right there
```
Hier ein plunker zu zeigen, dass es arbeitet, während die mehrere Richtlinien
- Hi Dan danke für die Antwort, das ist ein Tippfehler meinerseits, den funktionierenden code hat tatsächlich ein Komma, den ich verändert habe der Beispiel-code, um das zu beheben Tippfehler. Auch vielen Dank für Ihre plunkr Beispiel, dass es funktioniert wie erwartet, aber bei deinem Beispiel werden alle Anweisungen, die enthalten sind in dem einen Modul, in meinem Beispiel der beiden Richtlinien genannt, die in der erfordern, existieren außerhalb des Beispiel-Moduls, so dass, obwohl dein Beispiel funktioniert es immer noch nicht hilft meine situation.
- Ah okay. Basierend auf dem, was ich verstehe aus deiner Frage, es scheint, dass Sie versuchen, nest-Module, die ausdrücklich nicht erlaubt laut der Dokumentation: docs.angularjs.org/api/ng/directive/ngApp Er sagt, dass AngularJS applications cannot be nested within each other
- So weit als ich bin bewusst, ich bin nicht verschachteln Sie genau das, was ich Schaffe, ist eine große Anwendung mit mehreren Modulen, die geladen werden, in denen vorzunehmen einige dieser Module miteinander verbunden sind, wie Abhängigkeiten, was in Ordnung ist und es erlaubt, Daten weitergegeben werden und durch die verschiedenen Module. Einige dieser Module enthalten, die Richtlinie Methoden, die ich brauche, um Zugang von außerhalb Ihrer Modul-Controller was kann ich tun, wenn ich 'benötigen' nur eine einzige Zeichenkette (die Richtlinie name) aber wenn ich den string-array-format für mehrere "erfordern" Richtlinien funktioniert es nicht.
InformationsquelleAutor Dan-Nolan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.