www.w3schools.com 에서 AngularJS 를 공부하며 정리하는 글이다.

영어로 되어 있지만 쉬운 단어를 사용하고 있기에 크게 공부에 불편함은 없다.


 영어가 불편하다면 페이지를 한글로 번역해서 사용해도 거의 95% 이상 이해할 수 있을 정도로 번역이 된다.

AngularJS 외부 교육이 예정되어 있어 그전에 예습차원에서 공부를 하고 있다.



AngularJS 지시어



- AngularJS 지시어는 접두사가 ng 인 HTML 속성이다

- ng-init 지시어는 AngularJS 애플리케이션 변수를 초기화한다.


ex)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
 
<html>
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
 
<body>
 
 
 
<div ng-app="" ng-init="firstName='Kim'">
 
 
 
<p><input type="text" ng-model="firstName"</p>
 
<p>The name is <span ng-bind="firstName"></span></p>
 
 
 
</div>
 
 
 
</body>
 
</html>
cs


** HTML 웹 표준을 위해서는 data-ng-app 과 같이 ng 앞에 data- 를 붙여주면 됩니다.

아예 처음부터 웹 표준으로 설명을 해주면 좋을 것 같은데 말이죠.




+ Recent posts