AngularJS ng-style ohje

AngularJS viittauskäsikirja

määrittely ja käyttö

ng-style ohje määrittelee HTML-elementin tyyli ominaisuus.

ng-style Ominaisuuden arvon on oltava objekti tai ilmaus, joka palauttaa objektin.

Objekti koostuu CSS-ominaisuuksista ja niiden arvoista avain-arvo-paareina.

Esimerkki

Käytä CSS-avaimia ja arvoja sisältävää objektia lisätäksesi AngularJS:n avulla muutamia tyylejä:

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

Kokeile itse

syntaksi

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

Kaikki HTML-elementit tukevat.

parametrit

parametrit kuvaus
expression Ilmentymä, joka palauttaa objektin, jossa avaimet ovat CSS-ominaisuudet ja arvot CSS-arvot.

AngularJS viittauskäsikirja