重复使用AngularJS控制器逻辑

Question

这是我的应用程序在用户页面中的一个控制器的代码。

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() {....} 
}]); 

在另一页，权限页面，我创建具有相同的逻辑

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() {....} 
}]); 

控制器正如你看到的，唯一不同的是URL。我怎样才能将控制器的逻辑重用到另一个？

Answer 1

这正是services的用途。

所以不是：

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

你会打电话来是这样的：

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

---

和：

012：

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

喜欢的东西替换

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

等等

一般情况下，所有的服务器调用应该是服务，无论如何，所以有提高你的代码的一个很好的机会和学习如何做是正确的。