如何避免在angularjs冗餘變量

Question

我有2個控制器。

第一個是listController.js：

app.controller('listCtrl', function($scope, $http, $controller, $window) { 
    $scope.user = [{id:1,name:'rina'},{id:2,name:'anna'},{id:3,name:'yuna'}]; 
}); 

，第二個是editController.js

app.controller('editCtrl', function($scope, $http, $controller, $window) { 
    $scope.user = [{id:1,name:'rina'},{id:2,name:'anna'},{id:3,name:'yuna'}]; 
}); 

正如u能看到。我在兩個控制器中都使用了變量$scope.user。現在我想用它一次。我的意思是我想避免冗餘代碼。我如何在我的任何控制器中調用該變量。有什麼建議麼？

Answer 1

您可以添加一個服務，它將負責提供數據。

app.service('UsersService', function() { 
    this.getUsers = function() { 
     return [{id:1,name:'rina'},{id:2,name:'anna'},{id:3,name:'yuna'}]; 
    } 
}); 

然後在你的控制器，你可以把它像這樣：

app.controller('listCtrl', function($scope, $http, $controller, $window, UsersService) { 
    $scope.user = UsersService.getUsers(); 
});