AngularJS ng-style directive

Manwal ng Reference ng AngularJS

Definition at Usage

ng-style Ang directive na ito ay nagsasagawa ng HTML element's Style Propyed

ng-style Ang halaga ng propyed ay dapat na objekto o expression na ibibigay ang objekto.

Ang halaga ng propyed ay dapat na objekto o expression na ibibigay ang objekto.

Mga halimbawa

Gamitin ang objekto na may CSS key at value upang magdagdag ng estilo sa pamamagitan ng AngularJS:

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

Subukan ang sarili

Mga Tagapagsusuri

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

Lahat ng HTML element ay sumusuporta.

Parameter

Parameter Paglalarawan
expression Expression, ibibigay ng isang bagay na may pangalan bilang CSS attribute at halaga bilang CSS value.

Manwal ng Reference ng AngularJS