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

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

1 개요[ | ]

AngularJS 튜토리얼 - Hello 예제 6

3개의 파일로 구성된 예제
ng-repeat를 사용한 예제

2 index.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="HelloApp7">

<ul ng-controller="HelloController">
  <li ng-repeat="friend in friends">
    안녕 {{ friend }}!
  </li>
</ul>

<!-- Modules -->
<script src="js/app.js"></script>
 
<!-- Controllers -->
<script src="js/controllers/HelloController.js"></script>
 
<!-- Services -->
<!-- Directives -->

</body>
</html>

3 js/app.js[ | ]

var app = angular.module('HelloApp7', []);

4 js/controllers/HelloController.js[ | ]

app.controller('HelloController', ['$scope', function($scope) {
  $scope.friends = ['한놈', '두시기', '석삼'];
}]);

5 테스트[ | ]

http://zetawiki.com/ex/angular/hello7/

6 같이 보기[ | ]

@@ 5번째 줄: / 5번째 줄: @@
 ==index.html==
-<source lang='html5'>
+<syntaxhighlight lang='html5'>
 <!doctype html>
 <html>
@@ 30번째 줄: / 30번째 줄: @@
 </body>
 </html>
-</source>
+</syntaxhighlight>
 ==js/app.js==
-<source lang='JavaScript'>
+<syntaxhighlight lang='JavaScript'>
 var app = angular.module('HelloApp7', []);
-</source>
+</syntaxhighlight>
 ==js/controllers/HelloController.js==
-<source lang='JavaScript'>
+<syntaxhighlight lang='JavaScript'>
 app.controller('HelloController', ['$scope', function($scope) {
    $scope.friends = ['한놈', '두시기', '석삼'];
 }]);
-</source>
+</syntaxhighlight>
 ==테스트==