O melhor tutorial AngularJS directivas em 2024. Neste tutorial você pode aprender AngularJS directivas,AngularJS exemplos,Ligação de dados,AngularJS exemplos,elementos HTML de repetição,AngularJS exemplos,AngularJS exemplos,directiva ng-app,ng-init comando,directiva ng-modelo,ng-repeat instrução,Criar um comando personalizado,AngularJS exemplos,Restrições ao Emprego,
A nova propriedade é chamado por directivas AngularJS para estender HTML.
AngularJS instruções internas para a aplicação para adicionar funcionalidade.
AngularJS permite personalizar instrução.
AngularJS instrução é uma extensão do HTML atributos com o GN-prefixo.
instruções ng-app para inicializar um aplicativo AngularJS.
comando ng-init para inicializar os dados da aplicação.
NG-modelo comandar os valores de elementos (tais como o valor do campo de entrada) ligadas à aplicação.
As instruções completas podem ser encontradas no conteúdo do manual de referência AngularJS .
directiva ng-app diz AngularJS, <div> elemento é a aplicação AngularJS do "dono".
Uma página da Web pode conter múltiplas aplicações AngularJS funcionamento em diferentes elementos. |
No exemplo acima, {{}} firstName AngularJS expressão é uma expressão de ligação de dados.
AngularJS ligações de dados sincronizados com AngularJS AngularJS dados de expressão.
{{FirstName}} por NG-model = "firstName" sincronização.
No próximo exemplo, campo de dois texto é calculado através de dois sincronização instrução ng-modelo:
Use ng-init não é muito comum. Você vai aprender a ser a melhor maneira para inicializar os dados no capítulo controlador. |
instruções ng-repeat repete um elemento HTML:
instruções ng-repeat é usado em uma variedade de objetos:
AngularJS CRUD perfeito banco de dados de suporte (aumentar a criar, ler Read, Update Update, Delete Apagar) aplicações. Pense em exemplos de objetos em registros no banco de dados. |
directiva ng-app define a raiz do aplicativo AngularJS elemento.
instruções ng-app quando a página é carregada iniciado automaticamente aplicações (inicialização automática).
Mais tarde você vai aprender a NG-app por um valor (por exemplo, ng-app = "MyModule"), ligada ao módulo de código.
ng-init aplicação AngularJS instrução define o valor inicial.
Em circunstâncias normais, não use ng-init. Você vai usar um controlador ou módulo para substituí-lo.
Mais tarde você vai saber mais sobre os controladores e módulos.
ng-modelo de elementos directiva ligamento HTML para os dados do aplicativo.
directiva ng-modelo também pode:
instruções ng-repeat para a coleta (array) de cada item irá clonar um elemento HTML.
AngularJS Além das instruções internas, também podemos criar comandos personalizados.
Função.directive você pode usar para adicionar comandos personalizados.
Para chamar um comando personalizado, você precisa adicionar um nome de comando personalizado no elemento HTML.
Use método de corcunda para citar umadirectiva, w3bigDirective, mas quando você precisa usá-lo -segmentação, w3big-directiva:
Você pode chamar a instrução das seguintes maneiras:
A seguir, a título de exemplo podem produzir o mesmo resultado:
Você pode limitar a sua instrução só pode ser invocada por um caminho particular.
Ao adicionarrestringir propriedade e definir o valor somente "A"
, para definir o comando só pode ser chamado por meio de propriedade:
restringir o valor pode ser a seguinte:
E
é usado como o nome do elemento A
utilização como um atributo C
é utilizado como o nome de classe M
como um comentário restringir o padrão é EA
, que pode ser invocado pelo elemento de comando e nomes de atributos.