Οδηγός AngularJS ng-style εντολή

Εκπαιδευτικό Βιβλίο AngularJS

Οδηγός

ng-style Η εντολή οδηγεί στο καθορισμό και τη χρήση του στυλ ιδιότητα

ng-style Η τιμή της ιδιότητας πρέπει να είναι αντικείμενο.

Η τιμή των ιδιοτήτων πρέπει να είναι αντικείμενο ή έκφραση που επιστρέφει αντικείμενο.

Παράδειγμα

Χρησιμοποιήστε αντικείμενα με κλειδιά CSS και τιμές για να προσθέσετε ορισμένα στυλ μέσω του AngularJS:

<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-style="myObj">καλημέρα</h1>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myObj = {
        "χρώμα" : "λευκό",
        "χρώμα φόντου" : "coral",
        "πλάτος γραμματοσειράς" : "60px",
        "χώρος" : "50px"
    }
});
</script>
</body>

Δοκιμάστε το προσωπικά

Γλώσσα

<στοιχείο ng-style="expression</στοιχείο>

Όλα τα στοιχεία HTML υποστηρίζουν.

Παράμετροι

Παράμετροι Περιγραφή
expression Έκφραση, επιστρέφει έναν αντικείμενο, όπου οι κλειδιά είναι τα CSS χαρακτηριστικά και οι τιμές είναι οι τιμές CSS.

Εκπαιδευτικό Βιβλίο AngularJS