AngularJS添加样式

最新推荐文章于 2020-12-18 21:03:10 发布

weixin_33982670

最新推荐文章于 2020-12-18 21:03:10 发布

阅读量119

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/733473/blog/875079

版权

2019独角兽企业重金招聘Python工程师标准>>>

AngularJS添加样式

通过controller.js中的某个$scope变量的值来决定div标签（或者其他html标签）的样式表。

示例

使用ng-style指令在div标签上

<body ng-app="myApp" ng-controller="myCtrl">

<div ng-style="myStyle">菜鸟教程</div>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myStyle = {
        "color" : "white",
        "background-color" : "coral",
        "font-size" : "60px",
        "padding" : "50px"
    }
});
</script>
</body>

@完

参考：http://www.runoob.com/angularjs/ng-ng-style.html

转载于:https://my.oschina.net/u/733473/blog/875079