javascript - 减少 Angular js Controller 中的依赖项

Question

如何减少我们在 angular js Controller 中提供的依赖性

app.controller('sampleController', function($scope, $timeout, $localStorage, $http, $location))
.controller('sample1Controller', function($scope, $timeout, $localStorage, $http, $location))
.controller('sample2Controller', function($scope, $timeout, $localStorage, $http, $location))
.controller('sample3Controller', function($scope, $timeout, $localStorage, $http, $location))

并且我对多个 Controller 使用相同的依赖集。

我们能否将所有依赖项存储在一个变量中，以便所有 Controller 使用。

Answer 1

尝试为 Controller 中的功能创建服务。那么你的代码将是这样的，例如，

    app.controller('sampleController', function($scope, serviceA, $location))

app.service('serviceA', function($timeout, $localStorage, $http) {
// do something here
});

从 Controller 中提取的代码越多，注入(inject)就越少