AngularJS添加样式

发布时间：2020-12-17 10:27:59 所属栏目：安全来源：网络整理

导读：AngularJS添加样式通过controller.js中的某个$scope变量的值来决定div标签（或者其他html标签）的样式表。示例使用ng-style指令在div标签上 body ng-app="myApp" ng-controller="myCtrl"div ng-style="myStyle"菜鸟教程/divscriptvar app = angular.modul

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!