AngularJS 컨트롤러를 늘리십시오

Question

큰 앱을 만들기 위해 각도를 사용하고 컨트롤러에 대한 일반적인 방법이 있습니다. 실제로 이것을 수행하는 가장 좋은 방법은 있습니까?

app.controller('baseController', function($scope, $controller, appFactory) { 
    var $scope.foo = function() { 
     // Do something 
    } 
}); 


app.controller('childController', function($scope, $controller, appFactory) { 

    // Here i extend or something like, the base controller 

    $controller('baseController', {$scope: $scope}); 

    var $scope.bar = function() { 
     // Do a lot of things an then call foo 
     $scope.foo(); 
    } 
}): 

이 방법은 내 컨트롤러의 $ 범위가 있어야하기 때문에 사용합니다.

Answer 1

컨트롤러에 대해 상속을 구현하면 안된다는 위의 의견에 동의하지 않습니다. 공유 서비스/팩토리/제공자를 사용하더라도 컨트롤러 상속으로 코드가 손상되지 않는 경우가 많습니다. @ Clever의 대답의 예를 사용하면 컨트롤러 번호 X에 $scope.foo = function() { MyFactory.calculateFoo(); }을 반복하고 싶은 이유는 하나의 기본 컨트롤러에 넣을 수있는 경우입니다. 그것은 컨트롤러를 뚱뚱하게 만들지 않고 대신 그것을 청소하고 건조하게 유지합니다.

Misko 자신이 컨트롤러 상속의 가능한 구현 중 하나 인 AngularJS Google 그룹에서이 example을주었습니다. 개인적으로 나는 내 아이 컨트롤러 내에서 호출이 방법 나 자신, 간단한 예를 들어, 사용

$injector.invoke(MyBaseController, this, { $scope: $scope, alertService: alertService }); 

내 CRUD 페이지의 대부분을 나는 일반 만들고 구현하는 하나의 부모 컨트롤러가, 컨트롤러 상속을 사용하는 경우의 예/$ 범위 기능을 업데이트하십시오. 이 기본 컨트롤러는 실제 서버 호출 등을 수행하는 데 사용되는 저장소 서비스를 가져옵니다. 왜 모든 CRUD 페이지에 대해이 작업을 반복합니까?

Answer 2

KayakDave가 말한 것에 대해 자세히 설명하기 위해 각도 조절기는 일반적으로 가볍습니다. 컨트롤러 내에서 "상속"이라고 생각하면 아마도 잘못했을 것입니다. 제어기간에 공유되는 공통 로직을 Service/Factory/Provider으로 추출하는 것이 좋습니다. 예 :