Wie Dependency-Injektion in mehreren Controller in einem einzigen Schritt

Question

Ich bin mit ionic1 und ich habe mehrere Controller jeder ist für verschiedene Seite. Betrachten Sie die folgenden Injektionen:

.controller('login', function($scope, $http, $location, $state,$rootScope , auth,$timeout) 
.controller('Home', function($scope, $rootScope, $http, $state,$location, $ionicNavBarDelegate, $timeout, auth, getData) 

Also auf ich etwa 10 von ihnen haben. Die meisten Injektionen sind für alle Controller wie $scope,$rootScope und einige andere üblich. Also ich möchte wissen, ob es einen einzigen Liner gibt, um alle Abhängigkeiten auf einmal zu injizieren.

Answer 1

Injizieren alle Abhängigkeiten widerspricht dem Konzept der Abhängigkeitsinjektion (neben der Tatsache, dass Controller lokale Abhängigkeiten haben können). Eine Abhängigkeit ist, was ein Controller von abhängig macht.

Wenn mehrere Controller mit übereinstimmenden Abhängigkeiten vorhanden sind, können sie den Basiscontroller erben. Wenn untergeordnete Controller eigene Abhängigkeiten haben sollen, kann dies mit einer Basisklasse geschehen, die der Controller-Instanz automatisch Abhängigkeiten zuweist. Controller-Vererbung funktioniert am besten mit ES6-Klassen:

class BaseController { 
    static get $inject() { 
    return ['$rootScope', '$scope', '$timeout']; 
    } 

    constructor(...deps) { 
    this.constructor.$inject.forEach((depName, i) => { 
     this[depName] = deps[i]; 
    }); 
    } 
} 


class SomeController extends BaseController { 
    static get $inject() { 
    return [...super.$inject, 'some']; 
    } 

    constructor(...deps) { 
    super(...deps); 
    ... 
    } 
} 

app.controller('SomeController', SomeController); 

Answer 2

Sie könnten eine Factory erstellen, die einige der am häufigsten verwendeten Abhängigkeiten zurückgibt.

Etwas wie folgt aus:

angular 
    .module('app') 
    .factory('common', common); 

common.$inject = ['$rootScope', '$http', '$state']; 

function common($rootScope, $http, $state) { 
    var service = { 
    $rootScope: $rootScope, 
    $http: $http, 
    $state: $state 
    }; 

    return service; 
} 

dann brauchen Sie nur den common Dienst in Ihrem Controller enthalten und es wie folgt verwendet werden: common.$rootScope.

this helps :)

bearbeiten Wie @estus in den Kommentaren gesagt, mit $scope wäre es scheitern, weil $scope eine lokale Abhängigkeit ist und nicht verfügbar in Dienstleistungen/Fabriken. Dies sollte kein Problem sein, da ich empfehlen würde, $scope so weit wie möglich zu vermeiden (controllerAs Syntax verwenden)