AngularJS는 지시문이라는 새로운 속성으로 HTML을 확장합니다.
AngularJS는 내장된 지시문을 통해 애플리케이션에 기능을 추가합니다.
AngularJS를 사용하면 지시어를 맞춤설정할 수 있습니다.
AngularJS 지시어 통사론
AngularJS 지시문은 ng- 접두사가 붙는 확장된 HTML 속성입니다.
ng-app 지시문은 AngularJS 애플리케이션을 초기화합니다.
ng-init 지시문은 애플리케이션 데이터를 초기화합니다.
ng-model 지시문은 요소 값(예: 입력 필드 값)을 애플리케이션에 바인딩합니다.
AngularJS 지시어 예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-init="firstName='John'">
<p>在输入框中尝试输入:</p>
<p>姓名: <input type="text" ng-model="firstName"></p>
<p>你输入的为: {{ firstName }}</p>
</div>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요