Bài 19: Làm thế nào để sử dụng ng-class trong Angularjs

Lượt xem: 4054

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