Weisen Sie mehrere controller in $stateProvider.Zustand

Wahrscheinlich ist dies eine einfache Frage für fortgeschrittene Winkel-Benutzer, aber ich habe nicht dieses Problem irgendwo gut erklärt.

So, ich war die Umstrukturierung meinem code, wenn ich merkte, ich habe zwei Controller in einem Blick, das ist nicht ein problem, wenn der controller 'ACtrl' ist gebunden durch das $ - stateProvider und controller 'BCtrl' ist gebunden in der Ansicht von ng-controller. Aber wenn ich versuche zu weisen beide in der $stateProvider wie diese:

$stateProvider.state('a.view', {
    url: "/anurl",
    views: {
        'menuContent': {
            templateUrl: "anUrlToMyTemplates",
            controller: 'ACtrl', 'BCtrl'
        }
    }
});

oder:

$stateProvider.state('a.view', {
    url: "/anurl",
    views: {
        'menuContent': {
            templateUrl: "anUrlToMyTemplates",
            controller: 'ACtrl',
            controller: 'BCtrl'
        }
    }
});

funktioniert es nicht.

Ich weiß, es wäre eine Lösung, um die Inhalte der Controller bis auf eine, aber die controller 'ACtrl' ist woanders verwendet werden, auch, also müsste ich wiederhole mich woanders. Wie kann ich dieses Problem lösen...

InformationsquelleAutor burnaDLX | 2015-05-28

  1. 16

    Syntaxically, kann es nicht funktionieren. Diese (syntaxically) funktionieren könnte :

    $stateProvider.state('a.view', {
    url: "/anurl",
    views: {
        'menuContent': {
            templateUrl: "anUrlToMyTemplates",
            controller: ['ACtrl', 'BCtrl']
        }
    }
});

    Aber AngularJS verwenden NULL oder EINE controller von DOMElement.

    Zuzuordnen, können Sie CtrlA für Ihre A anzeigen :

    $stateProvider.state('a.view', {
    url: "/anurl",
    views: {
        'menuContent': {
            templateUrl: "anUrlToMyTemplates",
            controller: 'ACtrl'
        }
    }
});

    Dann in Ihre A anzeigen :

    <div data-ng-controller="BCtrl">
    <!-- your view content -->
</div>

    Sagte, für code, design, Zweck, der richtige Weg ist, um das Zusammenführen der Aktionen Ihrer zwei Controllern nur ein, wenn Sie zur Kontrolle die gleiche template-Elemente. Wenn Sie Steuern, verschiedene Teile der Vorlage, verwenden Sie einen controller für eine Teil-oder eine Steuerung für die ganze Ansicht, und eine andere für den speziellen Teil :

    <!-- your view controlled by ACtrl configured in route provider -->
<div> 
    <!-- your view content, part A -->

    <div data-ng-controller="BCtrl">
        <!-- your view content, part B -->
    </div>
</div>
    Okay, diese Erklärung hat mir sehr geholfen, ich würde es akzeptieren, wie die Letzte Antwort
    Naja, so in Ordnung accept die Antwort, die Sie können klicken Sie auf die "check" - symbol Links neben meinem post, es geht auf der grünen Markierung als Antwort akzeptiert. Additionnaly können Sie upvote Klick auf den Pfeil direkt neben dem check-Symbol.
    Okay, ich dachte, ich upvote Ihren Kommentar zu lassen Sie den Pfeil wieder grün (und meinen Ruf zu gering ist, so zu tun...).
    Ok, Sie akzeptiert die Antwort. In der Tat, Sie sind neu auf der Seite und Ihr Ruf Punkte sind nicht genug, um upvote, aber es ist ok! Ich von Ihnen positiv bewertet werden Ihre Frage, und Sie akzeptierte meine Antwort, damit Ihr Ruf erhöhen, indem Sie einige Punkte. In einigen Tagen erhalten Sie mehr Rechte, wie oben/unten Stimmen. Ich möchte Sie ermutigen, Lesen (sehr gut gemacht) - Hilfe. Habt einen schönen Tag!
    Thx für die freundliche weIcome und die Referenz. Auch ich Wünsche Ihnen einen guten Tag!

    InformationsquelleAutor Rémi Becheras

  2. 9

    Teilen Sie Ihre layout und verwenden Sie so etwas wie:

    .state('app.somestate', {
            url : '/someurl',
            views:{
                'menuContent': {
                    templateUrl: 'part1.html',
                    controller: 'ACtrl'
                },
                'otherContent': {
                    templateUrl: 'part2.html',
                    controller: 'BCtrl'
                },
                'someotherContent': {
                    templateUrl: 'part3.html',
                    controller: 'CCtrl'
                }
            }
        })
    Es funktioniert schön mit verschiedenen html-teilen, thx!!!

    InformationsquelleAutor Ioana Cucuruzan

Schreibe einen Kommentar