🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# ng-style 指令 **定义和用法** ng-style 指令为 HTML 元素添加 style 属性。 ng-style 属性值必须是对象,表达式返回的也是对象。 对象由 CSS 属性和值注册,即 key=>value 对。 **语法** <element ng-style="myObj"></element> 所有的 HTML 元素都支持该属性。 **实例** 使用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> ~~~