AngularJS使用ng-style动态改变样式

AngularJS使用ng-style动态改变样式,代码如下:

01
02 "en">
03 <head>
04     "UTF-8" />
05     Document
06     type="text/css">
07         .ng-cloak{display:none;}
08     
09 head>
10 "app" ng-controller="ctrl" ng-cloak class="ng-cloak">
11     type="text" ng-model="color" />
12     type="number" ng-model="num" />
13     

"{'color':color, 'fontSize':num+'px'}">赵一鸣技术博客

14
15
16 type="text/javascript" src="http://www.zymseo.com/js/angular.min.js">
17 type="text/javascript">
18     var m = angular.module('app', []);
19     m.controller('ctrl', ['$scope'function($scope){
20          
21     }]);
22

注意:ng-style里边是json格式,与jquery定制css样式类似,比如字体大小应该是fontSize,而不是font-size.

你可能感兴趣的:(angularJS)