AngularJS 지시어


  번역 결과:

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>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A