AngularJS와 범위 (범위)
범위 (범위) 사이의 링크 HTML (보기)와 자바 스크립트 (컨트롤러)에 사용됩니다.
범위 메서드 및 속성을 사용할 수 있습니다, 객체입니다.
범위는 조회 및 제어에 사용될 수있다.
범위를 사용하는 방법
당신이 컨트롤러 AngularJS와를 만들 때 인수로범위 개체를 $ 할 수 있습니다 :
예를 AngularJS와
컨트롤러에서 볼 속성에 해당하는 속성 :
<H1> {{carname}} </ H1>
</ DIV>
<스크립트>
app.controller ( 'myCtrl', 기능 ( $ 범위) {
$의 scope.carname = "볼보";
});
»시도
$ 범위를 추가하는 컨트롤러에서 개체 때보기 (HTML)는 이러한 속성을 얻을 수 있습니다.
보기, 당신은같은 속성 이름을 추가해야합니다, $ 범위 접두사를추가 할 필요가 없습니다:{{carname}}.
범위 개요
AngularJS와 응용 프로그램은 다음과 같이 구성
- 보기 (보기), 즉 HTML입니다.
- 모델 (모델), 사용할 수있는 데이터의 현재보기.
- 컨트롤러 (컨트롤러), 자바 스크립트 기능을 추가하거나 속성을 수정할 수 있습니다.
범위 모델.
범위는 자바 스크립트 객체의 특성과 이러한 특성 및 방법 방법은 뷰와 컨트롤러에서 사용할 수 있습니다.
예를 AngularJS와
당신이보기 모델을 변경하면 컨트롤러가 업데이트됩니다
<입력 NG 모델 = "이름 ">
<H1> 내 이름은 {{이름}} </ H1 >
</ DIV>
<스크립트>
app.controller ( 'myCtrl', 기능 ( $ 범위) {
$의 scope.name = "존 다우";
});
»시도
범위 범위
현재 사용중인 범위를 이해하는 것은 매우 중요합니다.
두 경우 모두, 하나의 영역 범위가 있기 때문에 프로세스가 비교적 간단하지만 다음 해당 범위의 범위를 알 필요가 큰 프로젝트에서, HTML DOM은 여러 범위를 가지고 당신이 무엇을 사용 가.
예를 AngularJS와
우리가NG 반복 명령을 사용하면 현재 중복 객체의 각각의 중복을 방문했다 :
<UL>
<리 NG-반복 = "X 이름에"> {{X}} </ 리>
</ UL>
</ DIV>
<스크립트>
app.controller ( 'myCtrl', 기능 ( $ 범위) {
$ scope.names = "에밀", "토비아스", "리누스"];
});
»시도
각<리> 요소는 현재 중복 된 개체에 액세스 할 수 있습니다, 여기에 해당하는 문자열이며, 변수 x를나타냅니다.
루트 범위
모든 응용 프로그램은$의 rootScope, 그것은 ng를-앱지침에 포함 된 모든 HTML 요소에 적용되어 있습니다.
$ rootScope는 전체 응용 프로그램에 역할을 할 수 있습니다.각 컨트롤러는 다리의 범위에있다. 각 제어기에 정의 된 값 Rootscope이 사용될 수있다.
예를 AngularJS와
때 $ rootScope이 매개 변수는 응용 프로그램에서 사용할 수 있습니다로 전달에 당신이 컨트롤러를 만들 :
<H1> {{LASTNAME}} 가족 : </ H1>
<UL>
<리 NG-반복 = "X 이름에"> {{X}} {{LASTNAME}} </ 리>
</ UL>
</ DIV>
<스크립트>
app.controller ( 'myCtrl', 기능 ( $ 범위, $ rootScope) {
$ scope.names = "에밀", "토비아스", "리누스"];
$ rootScope.lastname = "Refsnes";
});
»시도