Bài 19: Làm thế nào để sử dụng ng-class trong Angularjs
Lượt xem: 4011
Xem demo
Làm thế nào để sử dụng ng-class trong Angularjs
Chúng ta cùng tìm hiểu ví dụ sau để hiểu rõ hơn về cách sử dụng ng-class trong Angularjs.
<html>
<head>
<title>Làm thế nào để sử dụng ng-class 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>
<style>
.red {
padding: 20px;
background-color: red;
color: #FFF;
}
.border {
border: solid 1px blue;
}
</style>
</head>
<body ng-app="MyForm" name = "myform" >
<p ng-class="[border, red]"> Học angularjs miễn phí tại https://dandev.net/Angularjs/</p> <br />
</body>
</html>
Xem demo