AngularJS – Incluindo arquivos html com ng-include

Quem nunca precisou reaproveitar um pedaço de html em varias páginas, ou então se deparou com uma tela enorme para construir e quis quebrar em vários arquivos.

Para quem usa o AngularJS, o ng-include é uma boa saída.

Basta chamar o atributo ng-include dentro de uma tag e seu arquivo externo html será incluido.

<body ng-app="">

<div ng-include="'meuArquivo.html'"></div>

</body>

Tambem é possível chamar uma página externa com o ng-include, basta usarmos a propriedade $sceDelegateProvider.resourceUrlWhitelist e passar os domínios externos permitidos pela nossa aplicação

<body ng-app="myApp">

<div ng-include="'https://www.siteexterno.com'"></div>

<script>
var app = angular.module('myApp', [])
app.config(function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'https://www.siteexterno.com/**'
    ]);
});
</script>

</body>

 


Tu me cercaste por detrás e por diante, e puseste sobre mim a tua mão. Salmos 139:5

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s