<!DOCTYPE html>
<html data-ng-app="app">
<head>
<meta charset="utf-8" />
<title>AngularJS Transclude example</title>
<style>
li
{
list-style-type:none;
}
</style>
<script src="https://code.angularjs.org/1.0.8/angular.js"></script>
<script>
var app = angular.module('app', []);
app.controller('MainCtrl', function($scope) {
$scope.mydata = [
{Name:'Smith',Children:[
{Name:'Max',Age:'5'},
{Name:'Mini',Age:'3'},
{Name:'Jango',Age:'4'}]
},
{Name:'Jacko',Children:[
{Name:'Alia',Age:'4'},
{Name:'Alexa',Age:'3'},
{Name:'Pinto',Age:'7'}]
},
{Name:'Patrick',Children: [
{Name:'Blanc',Age:'9'},
{Name:'Minova',Age:'13'},
{Name:'Jude',Age:'14'}]
},
{Name:'Julia',Children:[
{Name:'Mama',Age:'2'},
{Name:'Maggi',Age:'11'},
{Name:'Troy',Age:'12'}]
}
];
});
</script>
</head>
<body data-ng-controller="MainCtrl">
<ul ng-repeat="data in mydata">
<li>{{data.Name}}</li>
<li ng-repeat="dt in data.Children"> {{dt.Name}} - {{dt.Age}}</li>
</ul>
</body>
</html>
- {{data.Name}}
- {{dt.Name}} - {{dt.Age}}
No comments:
Post a Comment