Angular

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