使用$ scope分解控制器代碼的最佳方法

Question

我的AngularJS 1（+ Ionic）應用程序正在處理各種類型的數據（Employee，Company，...），並且每種類型和視圖都有一個控制器。

當前控制器之間有很多相同的代碼，例如下面的代碼塊用於刪除一個帶有模式對話框的實體以進行確認。

我想將這個因素考慮進一個函數或服務或任何我想從每個控制器調用但不知道該做什麼的代碼是使用$ scope，$ ionicModal和$ ionicHistory。

請問您可以告訴我如何繼續？非常感謝！

$ionicModal.fromTemplateUrl("templates/delete-modal.html", { 
    scope: $scope 
}).then(function(modal) { 
    $scope.modal = modal; 
    $scope.text = "Delete entity?"; 
}); 

$scope.delete = function() { 
    $scope.modal.show(); 
} 
$scope.doDelete = function() { 
    $scope.modal.hide(); 
    databaseService.remove($scope.entity); 
    $ionicHistory.goBack(-2); 
} 
$scope.doCancel = function() { 
    $scope.modal.hide(); 
} 

Answer 1

在這種情況下，您被允許將$scope傳遞給服務方法。應該注射$ionicModal和$ionicHistory。

因此，創建一個服務，注入$ionicModal和$ionicHistory。在服務中定義您的方法，以$scope作爲參數。

在每個控制器中，將$scope傳遞給服務方法的相應功能。