May 23, 2016
1 min read
angular-deferred-bootstrap是用來初始化angular應用程式的套件
bower install --save angular-deferred-bootstrap
deferredBootstrapper.bootstrap({
element: document.body,
module: 'MyApp',
resolve: {
APP_CONFIG: ['$http', function ($http) {
return $http.get('/api/demo-config');
}]
}
});
#loading {
display: none;
}
.deferred-bootstrap-loading #loading {
display: block !important;
}
#error {
display: none;
}
.deferred-bootstrap-error #error {
display: block !important;
}
.loading-message{
text-align:center;
font-size:16pt;
}
<div id="loading" class="side-body padding-top">
<div class="progress progress-striped active">
<div class="progress-bar" style="width: 100%;"></div>
</div>
<p class="loading-message">Loading, please wait...</p>
</div>
<div id="error" class="side-body padding-top">
<div class="progress">
<div class="progress-bar" style="width: 100%;"></div>
</div>
<p class="loading-message">Loading fail, please try again...</p>
</div>
Sharing is caring!