AngularJS Ng-Include Diretiva
Instância de AngularJS
Contém arquivos HTML:
<! 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- ng-ng-sin.min.js "> </script> </head> <body ng-n- ng-ng-ng ="> </script> </body ng- ng- ng = "> </script> </body- ng- ng-ng ="> </script> </body ng- ng = ng-include = "'myfile.htm'"> </div> </body> </html>
Resultados em execução:
título do arquivo myfile.htm
Este texto vem do arquivo incluído myfile.htm!
Definição e uso
A diretiva NG-Include é usada para incluir arquivos HTML externos.
O conteúdo contido será usado como criança do elemento especificado.
O valor da propriedade NG-Include pode ser uma expressão que retorna um nome de arquivo.
Por padrão, os arquivos incluídos precisam ser incluídos no mesmo nome de domínio.
gramática
<elemento ng-include = "filename" onLoad = "Expression" AUTOSCROLL = "Expression"> </Element>
A diretiva NG-Include é usada como um elemento:
<ng-include src = "filename" onload = "Expression" AUTOSCROLL = "Expression"> </ng-include>
Todos os elementos HTML suportam esta diretiva.
Valor do parâmetro
| valor | descrever |
|---|---|
| nome do arquivo | Nome do arquivo, você pode usar expressões para retornar o nome do arquivo. |
| ONLOAD | Opcional, uma expressão executada após o carregamento do arquivo. |
| AutoScroll | Opcional, se a peça incluída pode ser rolável na visualização especificada. |
O exposto acima é um resumo do conhecimento das diretrizes angulares e inclusões e será complementado mais tarde.