Diretiva AngularJS NG
Instância de AngularJS
Adicione estilos usando o AngularJS e use o formato do objeto CSS => Valor:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body Ng-n-N-N-N-N-N-N-N-N-N-N-N-N-N-N-N-N-N- NG-N-N-N-N-N-N-N-N-N- NG-N-N- NG- NG- = " ng-controller="myCtrl"><h1 ng-style="myObj">Rookie Tutorial</h1><script>var app = angular.module("myApp", []);app.controller("myCtrl", function($scope) { $scope.myObj = { "color" : "white", "background-color" : "coral", "Fonte-size": "60px", "preenchimento": "50px"}}); </script> </body> </html>Definição e uso
A diretiva no estilo NG adiciona um atributo de estilo a um elemento HTML.
O valor do atributo no estilo NG deve ser um objeto e a expressão retorna o objeto.
Os objetos são registrados por atributos e valores CSS, ou seja, pares de valores.
gramática
<elemento ng-style = "Expression"> </lement>
Todos os elementos HTML suportam esta propriedade.
Valor do parâmetro
| valor | descrever |
|---|---|
| corda | Uma expressão retorna um objeto composto por atributos e valores CSS. |
O exposto acima é a compilação de informações da instrução AngularJS NG no estilo. Continuaremos a adicioná -lo mais tarde. Obrigado pelo seu apoio a este site!