AngularJS添加样式

前端之家收集整理的这篇文章主要介绍了AngularJS添加样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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(@H_404_40@"myApp",[]); app.controller(@H_404_40@"myCtrl",function($scope) { $scope.myStyle = { @H_404_40@"color" : @H_404_40@"white",@H_404_40@"background-color" : @H_404_40@"coral",@H_404_40@"font-size" : @H_404_40@"60px",@H_404_40@"padding" : @H_404_40@"50px" } }); </script>
</body>

@完

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

猜你在找的Angularjs相关文章