Bài 22: Directive ng-class trong angularjs -3
RUN
<!doctype html> <html lang="vi"> <head> <meta charset="UTF-8"> <title>Ví dụ sử dụng ngClass trong AngularJS - Freetuts.net</title> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> <style> *{margin:0;padding:0} body{margin:20px;} .red{ padding: 20px; background-color: red; color:#FFF; } .border{ border:solid 1px blue; } </style> <script> /* * Author: thehalfheart@gmail.com * Website: freetuts.net */ angular.module('ngClassExample', []) .controller('ngControllerExample', function($scope){ }); </script> </head> <body ng-app="ngClassExample"> <div ng-controller="ngControllerExample"> <p ng-class="{red:scope_red, border:scope_border}">Học angularjs miễn phí tại freetuts.net</p> <br/> <input type="checkbox" ng-model="scope_red"/> Màu đỏ <br/><br/> <input type="checkbox" ng-model="scope_border"/> Có viền <br/> </div> </body> </html>
PHÓNG TO