/ / Manual bootstrap angular ao usar async na tag de script angular - javascript, angularjs, html5-assíncrono

Inicialização manual angular ao usar async na tag de script angular - javascript, angularjs, html5-assíncrono

Eu quero fazer o script de download assíncrono angular em meu aplicativo e quando ele carrega, eu quero manualmente fazer o bootstrap do aplicativo. Quando tento fazer isso, um erro é lançado

Falha ao instanciar o módulo wt devido a: Erro: [$ injector: modulerr] http://errors.angularjs.org/1.4.5/$ injector / modulerr? p0 = y ...) em Erro (nativo) a https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:6:416 a https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:38:98 em n (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:7:322) em g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180) a https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:349 em n (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:7:322) em g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180) em eb (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:435) at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:19:381

Meu código de amostra é como

window.onload = function(){
app = angular.module("wt", ["ngRoute"]);
app.config(function ($routeProvider,$locationProvider) {
$routeProvider
.when("/", {
controller: "homeController",
templateUrl: "template/home.html?ver="+file_version
})
.otherwise({ redirectTo: "/"});
$locationProvider.html5Mode(true);
});
angular.module("wt").controller("homeController", function(){alert("Hello World");});
angular.bootstrap(document, ["wt"]);
};

E para tag de script eu estou usando

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js" async></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular-route.min.js" async defer></script>

Alguém pode me ajudar a descobrir o que estou fazendo de errado aqui?

Respostas:

0 para resposta № 1

Se você quer exibir o DOM antes de executar o material Angular, você pode simplesmente colocar seus scripts antes </body>