重用AngularJS控制器逻辑

Question

This is the code of one controller from my application, in the User page.

app.controller('UserCtrl', ['$scope', '$http', function ($scope, $http) {

$http.get('/Users/GetUsers').success(function (data) {
    $scope.data = data;
});

this.search = function () {
    $http.post('/Users/SearchUser', $scope.search).success(function (data) {
        $scope.data = data;
    });
}

this.delete = function() {....}
}]);

On another page, the Permission page, I create a controller with the same logic

app.controller('PerCtrl', ['$scope', '$http', function ($scope, $http) {

$http.get('/Permission/GetPermissions').success(function (data) {
    $scope.data= data;
});

this.search = function () {
    $http.post('/Permission/SearchPermission', $scope.search).success(function (data) {
        $scope.data = data;
    });
}

this.delete = function() {....}
}]);

As you can see, the only different is the URL. How can I reuse the logic from a controller to another?

Answer 1

That is exactly what services are for.

So instead of:

$http.get('/Permission/GetPermissions').success(function (data) {
    $scope.data= data;
});

You'd call something like:

permissionsService.get().then(function (data) {
    $scope.data= data;
});

---

And:

this.search = function () {
    $http.post('/Permission/SearchPermission', $scope.search).success(function (data) {
        $scope.data = data;
    });
}

Replaced with something like:

this.search = function () {
    searchService.search().then(function (data) {
        $scope.data = data;
    });
}

etc...

Generally, all server calls should be in services anyway, so there's a great opportunity to improve your code and learn how to do it right.