AngularJS comando de estilo ng
Manual de Referência AngularJS
AngularJS exemplos
Use AngularJS adicionar estilo usando a chave CSS => formato valor do objeto:
<Body ng-app = "myApp " ng-controller = "myCtrl">
<H1 ng-style = "myObj "> tutorial </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ escopo) {
$ Scope.myObj = {
"Color": "branco",
"Background-color": "coral",
"Font-size": "60px",
"Padding": "50px"
}
});
</ Script>
</ Body>
<H1 ng-style = "myObj "> tutorial </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ escopo) {
$ Scope.myObj = {
"Color": "branco",
"Background-color": "coral",
"Font-size": "60px",
"Padding": "50px"
}
});
</ Script>
</ Body>
tente »
Definição e Uso
instruçõesng de estilo para os elementos HTML para adicionar atributos de estilo.
valor do atributong de estilo deve ser um objeto, o objeto é retornado pela expressão.
Registro de objeto, as propriedades CSS e valores que os pares chave => valor.
gramática
<Elemento ng-style = "expressão "> </ element>
Todos os elementos HTML suporta esta propriedade.
parâmetro Valor
valor | descrição |
---|---|
corda | Uma expressão que retorna um objeto, as propriedades CSS e valores dos mesmos. |