Bài 13 Sử dụng ng-repeat trong Angularjs như thế nào?
Lượt xem: 7446
Xem demo
Sử dụng ng-repeat trong Angularjs như thế nào?
Để trả lời cho câu hỏi trên chúng ta cùng xem qua ví dụ sau:
<html>
<head>
<title>Sử dụng ng-repeat 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) {
$scope.items = ["Hi", 'Hello', "Welcome"];
$scope.items2 = {
name: "DANDEV",
website: "dandev.net"
};
}]);
</script>
</head>
<body ng-app="MyForm">
<div ng-repeat="item in items" style="border:solid 1px red; margin: 10px">
{{item}}
</div>
@* AND using (key, value) in expression via ng-repeat *@
<div ng-repeat="(key,value) in items2">
{{key}} - {{value}}
</div>
</body>
</html>
Xem demo