AngularJS시작하기, Hello AngularJS

■ AngularJS시작하기, Hello AngularJS

<!DOCTYPE html>
<html ng-app>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.js"></script>
</head>
<body>
    <input ng-model="helloVal">
    <h1>{{helloVal}}</h1>
</body>
</html>

 
 
 
■ ng-app : 이 파일(애플리케이션)은 angular 애플리케이션이라고 선언.
■ ng-model : angular 프레임워크의 양방향 데이터 바인딩을 위한 내장 지시자,화면(View) 값을 변경하며 동시에 Model의 값도 동시에 변경.
■ {{}} : Model의 변수값을 DOM(View)에 표현하는 지시자.
 
 
 
■ input 태그에 입력된 helloVal의 값이 {{helloVal}}에 반영.
hello angularjs
 
 
 

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다