AngularJS 튜토리얼 - Hello 예제 4

1 개요

AngularJS 튜토리얼 - Hello 예제 4

1개의 파일로 구성된 예제
간단한 Controller를 적용한 예제

2 hello4.html

<!doctype html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
</head>
<body ng-app="HelloApp4">

<div ng-controller="HelloController">
  <label>이름:</label>
  <input type="text" ng-model="yourName" placeholder="여기에 이름을 입력하세요">
  <h1>안녕 {{yourName}}!</h1>
</div>

<script>
var app = angular.module('HelloApp4', []);

app.controller('HelloController', ['$scope', function($scope) {
  $scope.yourName = "친구들";
}]);
</script>

</body>
</html>

3 테스트

http://zetawiki.com/angular/hello4.html

4 같이 보기