AngularJS ng-style 指令
AngularJS ng-style 指令为 HTML 元素添加 style 属性
ng-style 属性值必须是对象，表达式返回的也是对象
对象由 CSS 属性和值组成，即 key=>value 对
语法
<element ng-style="expression"></element>
所有的 HTML 元素都支持该属性
参数值
| 值 | 描述 |
|---|---|
| string | 表达式返回由 CSS 属性和值组成的对象 |
范例
使用 AngularJS 添加样式，使用 CSS key=>value 对象格式
<body ng-app="myApp" ng-controller="myCtrl"> <h1 ng-style="myObj">简单教程</h1> <script> var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.myObj = { "color" : "white", "background-color" : "coral", "font-size" : "60px", "padding" : "50px" } }); </script> </body>