重複使用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; 
    }); 
} 

等等

一般情況下，所有的服務器調用應該是服務，無論如何，所以有提高你的代碼的一個很好的機會和學習如何做是正確的。