[angularjs] `this` 또는`$ scope`를 사용해야합니까?

둘 다 용도가 있습니다. 첫째, 일부 역사 …

$ scope는 “클래식”기술인 반면 “Controller as”는 훨씬 최신 버전입니다 (공식 버전 1.2.0부터는 이전에 불안정한 시험판에서 나타 났지만).

둘 다 완벽하게 작동하며 유일한 대답은 명시적인 이유없이 동일한 응용 프로그램에서 혼합하는 것입니다. 솔직히, 그것들을 혼합하면 효과가 있지만 혼란을 더할 것입니다. 하나를 골라서 굴리십시오. 가장 중요한 것은 일관성을 유지하는 것입니다.

어느 것? 그것은 당신에게 달려 있습니다. $ scope에는 더 많은 예제가 있지만 “controller as”도 증기를 발생시킵니다. 하나는 다른 것보다 낫습니까? 논쟁의 여지가 있습니다. 그래서 어떻게 선택합니까?

위로

“scope as”를 선호합니다. $ scope를 숨기고 중간 개체를 통해 컨트롤러에서 멤버를 뷰에 노출시키는 것을 좋아하기 때문입니다. 이것을 설정하면 * 컨트롤러에서 뷰에 노출하려는 것을 노출시킬 수 있습니다. $ scope로도 할 수 있습니다. 표준 JavaScript를 사용하는 것을 선호합니다. 실제로 다음과 같이 코딩합니다.

var vm = this;

vm.title = 'some title';
vm.saveData = function(){ ... } ;

return vm;

이것은 나에게 더 깨끗하다고 ​​느끼고 뷰에 노출되는 것을 쉽게 볼 수 있습니다. viewmodel을 나타내는 “vm”을 반환하는 변수의 이름을 알 수 있습니다. 그건 내 컨벤션 일 뿐이야

$ scope를 사용하면 동일한 작업을 수행 할 수 있으므로이 기술을 추가하거나 방해하지 않습니다.

$scope.title = 'some title';
$scope.saveData = function() { ... };

그래서 당신에게 달려 있습니다.

주입

$ scope를 사용하면 $ scope를 컨트롤러에 주입해야합니다. 컨트롤러에서 시계를 피하려고하지만 $ broadcast 또는 시계와 같은 다른 이유로 필요하지 않은 한 컨트롤러 로이 작업을 수행 할 필요가 없습니다.

업데이트
나는 두 가지 선택에 대해이 게시물을 썼습니다 :
http://www.johnpapa.net/do-you-like-your-angular-controllers-with-or-without-sugar/

답변

$$ChildScope: null;
$$childHead: null;
$$childTail: null;
$$listenerCount: Object;
$$listeners: Object;
$$nextSibling: Scope;
$$prevSibling: null;
$$watchers: null;
$$watcherCount: 0;
$id: 2;
$parent: Object;
foo: 'bar';

foo: 'bar';

// Main Controller
var mainCtrl = this;
mainCtrl.foo = 'Parent at the bar';

// Child Controller
var mainCtrl = $scope.$parent.mainCtrl;
var childCtrl = this;

// update the parent from within the child
childCtrl.underageDrinking = function(){
    mainCtrl.foo = 'Child at the bar';
}

// And then attach the child back to a property on the parent controller!
mainCtrl.currentCtrl = childCtrl;