json파일을 불러와서 내용을 출력해주기
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script type="text/javascript" src="js/controller.js"></script>
</head>
<body ng-app="mainApp">
<div ng-controller="people">
<ul>
<h2>Name And Age Of Programmers In the Local Area : </h2>
<li ng-repeat="person in persons">
{{ person.Name + ' : ' + person.Age }}
</li>
</ul>
</div>
</body>
</html>
{ "records" : [ { "Name":"Mehul", "Age":"18" }, { "Name":"Jai", "Age":"18" }, { "Name":"Alex", "Age":"20" }, { "Name":"Anonymous", "Age":"?" } ] }
controller.js
var app = angular.module('mainApp', []);
app.controller('people', function($scope, $http){
$http.get('http://**********/angularJS/database.json')
.success(function(response){
$scope.persons = response.records;
});
});
결과화면
'JavaScript > angularJS' 카테고리의 다른 글
| angularJS & filter (0) | 2018.07.22 |
|---|---|
| AngularJS Login App (0) | 2018.07.22 |
| Routeing (0) | 2018.07.21 |
| AngularJS01. Hello World (0) | 2018.07.20 |
| 3. todo 여러개 출력하기(반복문 사용하기) - ng-repeat (0) | 2018.05.18 |
