Angular

JsBin – Playground para Html,CSS e JS


Algo que tenho gostado muito de utilizar nos últimos dias é o JsBin, um playground para testar snippets de HTML, Javascript e CSS.

O bacana é que conseguimos adicionar bibliotecas conhecidas como jQuery, Angular, React.

Você consegue salvar seus snippets e também compartilhar com outras pessoas.

É bem prático, pois você não precisa montar um ambiente todo para testar apenas um pequeno cenário e acaba ajudando bastante no dia-a-dia.


Disse-lhe Jesus: Eu sou o caminho, e a verdade e a vida; ninguém vem ao Pai, senão por mim. João 14:6

Anúncios

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