AngularJS ng-styleDirectiva

AngularJS 参考手册Manual de referencia de AngularJS

Ejemplo de AngularJS

Agregar estilos usando AngularJS, utilizando el formato de objeto CSS key=>value:

<body ng-app="myApp" ng-controller="myCtrl">

<h1 ng-style="myObj">Tutorial para novatos</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>

Pruébalo »

Definición y uso

ng-styleLa directiva agrega el atributo style a los elementos HTML.

ng-styleEl valor del atributo debe ser un objeto, y la expresión también devuelve un objeto.

El objeto está compuesto por propiedades y valores CSS, es decir, pares key=>value.

Sintaxis

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

Todos los elementos HTML admiten este atributo.

Valores de parámetros

Valor Descripción
string La expresión devuelve un objeto compuesto por propiedades y valores CSS.

AngularJS 参考手册Manual de referencia de AngularJS

Otras extensiones