Bài 20: Làm thế nào để sử dụng ng-class-old trong Angularjs
Lượt xem: 2469
Xem demo
Chúng ta cùng tìm hiểu ví dụ sau:
<html>
<head>
<title>Làm thế nào để sử dụng ng-class-old 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) {
}]);
/* Danh sach sinh viên */
$scope.students = [
{ name: "Quang Trung" },
{ name: "Thanh Thao" },
{ name: "Hong Chau" },
{ name: "Quoc Chuong" },
{ name: "Xuan Hai" },
{ name: "Van Kinh" },
{ name: "Van Chinh" },
{ name: "Van Quyen" },
{ name: "Van Truong" },
{ name: "Van Hung" },
{ name: "Van Hieu" },
{ name: "Van Nghia" }
];
}]);
</script>
<style>
.odd {
background: Green;
color: #FFF;
}
</style>
</head>
<body ng-app="MyForm" name = "myform" >
<h3 > Chỉ thị ng-class-odd trong AngularJS <h3 />
<div ng-controller="MyController">
<div ng-repeat="student in students" ng-class-odd="'odd'">
{{student.name}}
</div>
</div>
</body>
</html>
Xem demo