Wie man einen einzelnen Controller in mehrere js-Dateien in angularjs aufteilt

Ich bin " umschreiben eine große Anwendung von Silber-Licht zu angularjs, während es zu tun, ich bin zu realisieren, dass jeder meiner controller js-Datei ist spanning 2000-3000 Zeilen code. Alle mein code ist stark abhängig von Umfang Variablen. Frage mich, ob es irgendeine Möglichkeit split single controller js-Datei in mehrere js-Dateien? Alle Zeiger würde geschätzt.

InformationsquelleAutor der Frage Mothupally | 2014-09-13

  1. 22

    Mehrere controller, diese Aufgabe zu bewältigen in Ihre Seite ein. Wenn Sie eine größere controller unvermeidbar ist ,können Sie teilen Sie die definition, um mehrere Dateien durch übergabe des Bereichs an eine andere Methode und definieren Sie dann die restlichen Methoden gibt.

    In der ersten Datei:

    app.controller('CtrlA', function($scope){
app.expandControllerA($scope);

});

    In der zweiten Datei

    app.expandControllerA = function($scope)
{

}

    Übergeben Sie eine variable oder Abhängigkeiten zu expandControllerA Funktion.

    InformationsquelleAutor der Antwort Alborz

  2. 3

    Können Sie auch einen Basis-controller und $controller - Dienst zum erstellen von abgeleiteten Controller.

    Beispiel:

    function BaseCtrl($scope, options) {
    var vm = this;

    //code
    return vm;
}

function ChildCtrl($controller, $scope) {
    var vm = $controller('BaseCtrl', {
        $scope: $scope,
        options: { }
    });

    //extend view model
    vm.name = '';

    return vm
}

    Gibt es andere Möglichkeiten, um split-Controller in separaten Dateien gespeichert haben, überprüfen Sie heraus diese ng-conf video.

    InformationsquelleAutor der Antwort Aman Mahajan

  3. 1

    Könnten Sie App.Fabrik oder in der app.service in Ihrem Winkel-Modul Sie werden mehr wie inhereting die Daten in Ihrem snippet. so dass Sie zuordnen können, die Teil der Daten aus tside der Haupt-controller und inherite die zugewiesene variable im controller.

        app.factory('name of the factory',function(){
return (data)
   )
app.controller('$scope','name of the factory', function(scope, name of the factopry

$scope.new = data;
))

    InformationsquelleAutor der Antwort vinod bazari

Schreibe einen Kommentar