angular js scope와 rootscope 의 차이
- Front-end
- 2019. 10. 20. 00:01
|
inflearn 의 Start Google Angular.js 앵귤러 과정 강좌를 보고 정리한 내용입니다. |
angular js scope와 rootscope 의 차이
angularjs scope란?
scope 는 controller를 적용한 태그 내에서 사용할 변수나 함수를 저장해 놓을 수 있는 객체입니다.
angularjs rootscope란?
rootScope 는 문서 전체에서 사용할 변수나 함수를 저장해 놓는 객체입니다.
$rootScope 를 지정한 app.run() 함수는 angularjs module 객체가 생성되면 실행되는 함수입니다.
따라서 app module 객체가 생성되면 문서 전체에서 사용할 수 있는 data1, data2 변수가 생성됩니다.
$rootScope 를 지정한 run 함수는 angularjs module 객체가 생성되면 실행되는 함수입니다.
따라서 app 모듈 객체가 생성되면 data1 = 100, data2 = 200이 할당됩니다.
먼저 선언된 $rootScope 보다 뒤에 선언된 controller의 data1 = 1000 에 따라 최종적으로 data1 에는 1000이 할당됩니다.
controller 에서 data2에는 값을 재할당하지 않았으므로,
$rootScope 에서 설정한 200이 할당되어 있습니다.
controller 를 여러개 만들고, controller 마다 사용하는 data 변수를 다르게 지정해줄 수 있습니다.
angularjs 관련 다른 글 ▼
angular js 예제, 강의 정리 (module, controller, service, factory)