<!doctype html>
<html ng-app="myapp">
<head>
<meta charset="utf-8">
<title>angularjs ng-repeat using json object</title>
<script src="http://code.angularjs.org/1.1.4/angular.js"></script>
<script>
var app = angular.module('myapp', []);
app.controller('myController', function ($scope) {
var json = {
"employees": [{
"title": "SE",
"description": "This is a hard worker",
"weeks": [{
"id": 001,
"title": "1st Week"
}]
}, {
"title": "SR. SE",
"description": "This is smart worker",
"weeks": [{
"id": 002,
"title": "2nd Week"
}, {
"id": 003,
"title": "3rd Week"
}]
}, {
"title": "Tech Lead",
"description": "This is both hard and smart worker",
"weeks": [{
"id": 004,
"title": "4th Week"
}, {
"id": 005,
"title": "5th Week"
}]
}]
};
$scope.myscope = json;
});
</script>
</head>
<body ng-controller="myController">
<div ng-repeat="emp in
myscope.employees">
<h3>{{ emp.title }}</h3>
<p>{{ emp.description }}</p>
<div ng-repeat="week in
emp.weeks">
{{ week.title }}
</div>
</div>
</body>
</html>
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|