Warum injiziert Dienst in mehreren Controllern keine Werte?

Question

Ich habe einen Dienst erstellt, der einige Werte enthält, und ich befülle ihn und importiere ihn in zwei Controller.
Problem ist, dass der erste Controller alle Daten darin sehen.
Aber zweite Controller sehen nur leere Werte.
Da der Dienst Singleton ist, sollte er in beiden sichtbar sein.
Mache ich hier etwas falsch?

app.service("MyModel", ['$filter', function ($filter) { 
    this.items = []; 
}]); 
app.controller('FirstController', ['$scope', 'MyModel', function ($scope, MyModel) { 
    var vm = this; 
    vm.MyModel = MyModel; 
}]); 
app.controller('SecondController', ['$scope', 'MyModel', function ($scope, MyModel) { 
    var vm = this; 
    vm.MyModel = MyModel; // empty (like a new instance) 
}]); 

Answer 1

Zunächst initialisieren Sie in Ihrem Code selbst this.items = []; Und in beiden Controller zuweisen Sie Service-Referenz (vm.MyModel = MyModel;). Hier hat Ihr Service ein leeres Array, das vm.MyModel zugewiesen ist.

Zum Beispiel: Verwenden Sie dieses

app.controller('FirstController', ['$scope', 'MyModel', function ($scope, MyModel) { 
    var vm = this; 
    MyModel.items = [1,2 3, 4]; 
}]); 
app.controller('SecondController', ['$scope', 'MyModel', function ($scope, MyModel) { 
    var vm = this; 
    console.log(MyModel.items); \\ it will print array [1, 2, 3, 4] 
}]); 

In Singleton-Entwurfsmuster nur ein Objekt erstellt wird und das gleiche ist für alle, die danach fragen geteilt. Wenn Sie in diesem Fall den SERVICE an einen beliebigen Controller senden, wird die Referenz dieses SERVICE an diesen Controller übergeben. Wenn sich also das SERVICE-Objekt vom Controller ändert, wird es auch in anderen Controllern angezeigt.