Bài 22: Directive ng-class trong angularjs - 2
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="[border, red]">Học angularjs miễn phí tại freetuts.net</p> <br/> <input type="text" ng-model="red" placeholder="Nhập vào red"/> Màu đỏ <br/><br/> <input type="text" ng-model="border" placeholder="Nhập vào border"/> Có viền <br/> </div> </body> </html>
PHÓNG TO