Angular JS 기초
라이브러리 로드
적용범위 지정 : ng-app
데이터 초기화 : ng-init
주입(데이터) : ng-model
============ MVC, MVVC, 지시자, Injection => JSON
{{}}
${}
= c:forEach = ng-repeat
$scope, $http
var names=[{no:1,name:”aaa”},{no:2,name:”bbb”},{no:3,name:”ccc”}]
<p ng-repeat=”name in names”> 받는변수 in 기존변수
{{name.no}}{{name.name}}
——————————-
html 문서를 아래와 같이 만들자.
인풋박스에 텍스트를 입력하면 아래 div에 그대로 출력되는 앵귤러js임.
<!DOCTYPE html>
<html>
<head>
<meta charset=”EUC-KR”>
<title>Insert title here</title>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js“>
</script>
</head>
<body>
<div ng-app>
<p>Name:<input type=text size=20 ng-model=”name”></p>
<p ng-bind=”name”></p>
<p></p>
</div>
</body>
</html>