Bài 15: Sử dụng ng-init trong Angularjs
Lượt xem: 5268
Xem demo
Bài 15 Sử dụng ng-init trong Angularjs
Làm thế nào để sử dung ng-init trong Angularjs. Chúng ta cùng tìm hiểu ví dụ sau nhé. Nó sẽ giúp bạn cách sử dụng chỉ dẫn ng-init trong Angularjs.
<html>
<head>
<title>ng-repeat-start và ng-repeat-end trong Angularjs</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script>
angular.module('MyForm', [])
.controller('myController', ['$scope', function($scope) {
}]);
</script>
</head>
<body ng-app="MyForm" ng-controller="myController">
<ul ng-init="
students = [
{name: 'demo.dannguyen.net@gmail.com', age: 26, gender: 'boy'},
{name: 'dannguyen.net', age: 30, gender: 'boy'},
{name: 'Lan', age: 28, gender: 'girl'},
{name: 'Hạnh', age: 15, gender: 'girl'},
{name: 'Thúy', age: 28, gender: 'girl'},
{name: 'Nam', age: 95, gender: 'boy'},
{name: 'Thắng', age: 50, gender: 'boy'},
{name: 'Hoa', age: 27, gender: 'girl'},
{name: 'Phúc', age: 40, gender: 'boy'},
{name: 'Diệu Linh', age: 60, gender: 'girl'}
] "
>
<li ng-repeat="student in students" >
Tên: {{student.name}}, Tuổi {{student.age}}, Giới tính: {{student.gender}}
</li>
</ul>
</body>
</html>
Xem demo