"AngularJS 튜토리얼 - Hello 예제 3"의 두 판 사이의 차이

2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

AngularJS 튜토리얼 - Hello 예제 3

1개의 파일로 구성된 예제
ng-model 동적 바인딩을 보여주는 예제

<body ng-app>
<label>이름:</label>
<input type="text" ng-model="name" placeholder="여기에 이름을 입력하세요">
<h1>안녕 {{name}}!</h1>
</body>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>

2 같이 보기[ | ]

3 참고[ | ]

https://angularjs.org/

@@ 4번째 줄: / 4번째 줄: @@
 * ng-model 동적 바인딩을 보여주는 예제
-<source lang='html'>
+<syntaxhighlight lang='html'>
 <body ng-app>
 <label>이름:</label>
-<input type="text" ng-model="yourName" placeholder="여기에 이름을 입력하세요">
+<input type="text" ng-model="name" placeholder="여기에 이름을 입력하세요">
-<h1>안녕 {{yourName}}!</h1>
+<h1>안녕 {{name}}!</h1>
 </body>
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
-</source>
+</syntaxhighlight>
 <jsfiddle height=180>zzcd12nn</jsfiddle>