初始化多个控制器的$ scope变量-AngularJS

一尘不染

初始化多个控制器的$ scope变量-AngularJS

angularjs

我有3个执行类似任务的控制器：

PastController 向API查询过去的系统中断。
CurrentController 向API查询当前系统中断
FutureController 向API查询将来的系统中断

它们每个都是唯一的（尽管它们具有相似的功能）。但是，它们都从定义相同的$scope变量开始：

app.controller("PastController", function ($scope) {
   $scope.Outages = "";
   $scope.loading = 0;
   $scope.nothing = 0;
   $scope.error = 0;
   //--- code continues ---//
});

app.controller("CurrentController", function ($scope) {
   $scope.Outages = "";
   $scope.loading = 0;
   $scope.nothing = 0;
   $scope.error = 0;
   //--- code continues ---//
});

app.controller("FutureController", function ($scope) {
   $scope.Outages = "";
   $scope.loading = 0;
   $scope.nothing = 0;
   $scope.error = 0;
   //--- code continues ---//
});

我可以使用服务或工厂在一处初始化这些变量，而不用重复代码吗？

阅读 215

2020-07-04

共1个答案

一尘不染

我没有测试代码，但这是我的想法，如果您想使用服务，希望它能工作。

首先创建服务：

    app.service('systemService', function(){

     // initialize object first
    this.info = {}; 
    this.initialize = function(){
      //  properties initialization
      this.info.Outages = "";
      this.info.loading = 0;
      this.info.nothing = 0;
      this.info.error = 0;

      return this.info;
    }

    this.fooFunction = function() {
        return "Hello!"
    };

  });

最后，您必须将创建的服务正确地注入控制器中，并从服务中调用initialize函数：

app.controller("PastController",['$scope','systemService', function ($scope, systemService) {
$scope.info = systemService.initialize();
$scope.fooFunction = systemService.fooFunction();
}]);

…并在每个控制器中进行设置。

2020-07-04