>  기사  >  웹 프론트엔드  >  AngularJS 내장 지시문_AngularJS

AngularJS 내장 지시문_AngularJS

WBOY
WBOY원래의
2016-05-16 16:16:061293검색

지시어는 AngularJS가 HTML 요소를 작동하는 방법으로 이해합니다.
AngularJS 학습의 첫 번째 단계는 이 노드가 애플리케이션의 루트 노드임을 나타내는 내장 지시어 ng-app을 작성하는 것이므로 이 지시어는 이미 익숙합니다.

이 블로그에는 몇 가지 기본 제공 명령이 간략하게 기록되어 있으며 먼저 이를 사용한 다음 몇 가지 흥미로운 사항에 대해 이야기하겠습니다.

내장 명령

모든 내장 명령어에는 ng라는 접두사가 붙습니다. 충돌을 피하기 위해 맞춤 명령어에 이 접두사를 사용하는 것은 권장되지 않습니다.
몇 가지 일반적인 내장 명령으로 시작하세요.
먼저 몇 가지 주요 내장 명령을 나열하고 범위 문제에 대해 간략하게 이야기하겠습니다.

ng모델

현재 범위의 속성에 양식 컨트롤을 바인딩하는 것이 올바르지 않은 것 같습니다.
하지만 지금은 표현에 대해 걱정하지 마세요. 예를 들면 다음과 같이 사용하면 이해하기 쉽습니다.

코드 복사 코드는 다음과 같습니다.



{{someModel.someProperty}}

ng-init

이 지시문은 호출 시 내부 범위를 초기화합니다.
이 명령은 일반적으로 데모 제공 등 비교적 작은 응용 프로그램에 나타납니다...

코드 복사 코드는 다음과 같습니다.


저는 {{직업}}입니다

ng-init 외에도 더 많고 더 나은 옵션이 있습니다.

ng-앱

AngularJS를 사용할 때마다 이 명령 없이는 할 수 없습니다.
ng-app을 선언하는 요소는 $rootScope의 시작점이 되며 $rootScope는 일반적으로 에 선언되는 범위 체인의 루트입니다.
즉, 루트 아래의 모든 범위에서 액세스할 수 있습니다.
그러나 $rootScope를 과도하게 사용하는 것은 권장되지 않습니다. 그렇지 않으면 전역 변수가 어디에나 있으므로 비효율적이고 관리하기 어려워집니다.
예를 들면 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.



{{ someProperty }}


var myApp = angle.module('myApp', [])
.run(함수($rootScope) {
$rootScope.someProperty = '안녕하세요 컴퓨터';
})

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.