Inarudia kwa AngularJS ng-style directive

Mshauri wa AngularJS

Mifano na matumizi

ng-style Inarudia kwa HTML elementi kwa sababu ya style Mifano

ng-style Thamani ya mifano inahitajika kuwa kiobjecti, au uendelevu unaonyesha kiobjecti.

Mivyo wa mifano inayotengenezwa kwa muundo wa kiwango na thamani cha CSS.

Mifano

Tumia kiobjecti cha CSS na mifano na mivyo, kwa AngularJS kuongeza vyombo vya mtindo:

<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-style="myObj">Kahukuza</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>

Jifunze tena

Inayotumika

<element ng-style="expression</element>

Wote vitu vya HTML vinaongoza.

Matumizi

Matumizi Maelezo
expression Inaonyesha kiume, ambao kina ni muhimu wa matumizi ya CSS, na maadili ya maadili ya CSS.

Mshauri wa AngularJS