参考手册
AngularJS 参考
ng-srcset
ng-submit
返回 AngularJS 参考

AngularJS ng-style 指令

实例

使用带有 CSS 键和值的对象，使用 AngularJS 添加一些样式:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  5. <body ng-app="myApp" ng-controller="myCtrl">
  7. <h2 ng-style="myObj">Welcome</h2>
  9. <script>
  10. var app = angular.module("myApp", []);
  11. app.controller("myCtrl", function($scope) {
  12.   $scope.myObj = {
  13.     "color" : "white",
  14.     "background-color" : "coral",
  15.     "font-size" : "60px",
  16.     "padding" : "50px"
  17.   }
  18. });
  19. </script>
  21. </body>
  22. </html>
运行一下

定义与用法

ng-style 指令指定 HTML 元素的样式属性。

ng-style 属性的值必须是对象或返回对象的表达式。

对象由 CSS 属性和值组成，以键值对的形式出现。

语法

  1. <element ng-style="expression"></element>

由所有 HTML 元素支持。

参数值

值描述
expression一个表达式，返回一个对象，其中键是 CSS 属性，值是 CSS 值
ng-srcset
ng-submit

分类导航