angularjs 컨트롤러에서 repetitve 함수를 제거하는 방법

Question

안녕하세요, 저는 angularjs에서 코드 스탭을 쓰고 있습니다.하지만 컨트롤러에서 다른 코드로 코드를 만들어야합니다. 예를 들어 두 개의 컨트롤러 인 editProductController와 newProductCtrl이 있다고 가정하고 save 메소드를 호출해야합니다. 내 코딩 스타일은 그렇게 될 것입니다 :

var editProductController = function($scope , product){ 
$scope.product = product; 
.... 
$scope.save = function(){ 
product.$save().then(onSuccess , onError);} 
.... 
function onSuccess(response){ 
    if(response.error === true){ 
      $scope.productForm.name.$dirty = true; 
      $scoe.productForm.name.$invalid = true; 
      $scope.productForm.name.$error.server = response.errors.name; 
      ......} 
} 
function onError(error){ 
.... 
}}; 

하고 "제품"는 AngularJS와 자원 서비스입니다 newProductController

var newProductController = function($scope , Product){ 
$scope.product = {id : null , version :1, ...}; 
.... 
$scope.save = function(){ 
_.extend($scope.product , new Product()); 
product.$save().then(onSuccess , onError);} 
.... 
function onSuccess(response){ 
    if(response.error === true){ 
      $scope.productForm.name.$dirty = true; 
      $scoe.productForm.name.$invalid = true; 
      $scope.productForm.name.$error.server = response.errors.name; 
      ......} 
} 
function onError(error){ 
.... 
}}; 

에 대한

. 그래서 내 질문에 어떻게 더 나은 코딩 스타일을 중복 코드를 제거 할 수있을 것입니다?

Answer 1

각도 서비스 또는 공장에 반복 기능을 포함시키는 것이 가장 좋습니다. 다양한 방법과 코딩 스타일이 있습니다. 여기에 예를

app.service('Product', [function(){ 
    return {aProductMethod: ... , anotherProductMethod: ...}; 
}]); 

을 년대 docs

참조 다음 컨트롤러에서 서비스를 주입.