Eu queria colocar uma animação CSS enquanto ocorre a requisição do site no servidor. Então encontrei esse código com Angular.
app.config(['$httpProvider', function ($httpProvider) {
// Criando um interceptador de chamadas http.
// O '$q' é um serviço que permite monitoração de chamadas assincronas através de 'promisses' que provem callbacks de funcoes.
// $rootScope é o escopo de maior hierarquia em toda aplicação, e pode ser acessado de qualquer nivel
var myHttpInterceptor = ['$q', '$rootScope', '$window', '$templateCache', 'srvMsgBus', function ($q, $rootScope, $window, $templateCache, srvMsgBus) {
return {
// O 'request' ocorre sempre que uma chamada http for iniciada
'request': function (request) {
// $emit envia um evento para todos os controlers 'filhos' do controle que o está executando.
// Este evento pode ser interceptado por outros controllers e serve como meio de comunicação entre eles.
// Como o $rootScope é o 'pai' de todo e qualquer outro controller, quando ele emite um $emit todos podem interceptar este sinal.
$rootScope.emit('loading-started');
Na head
<script src="staff/app.js"></script>
Na body
:
<div dir-carregando></div>
Mas quando vou ver o resultado aparece esse erro no console:
Falha no carregamento do com a fonte “https://ourladyagd.com/components.js”.
ReferenceError: app is not defined[Learn More] app.js:1:1
TypeError: i is undefined[Learn More] bootstrap.min.js:6:2745