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("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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM