Я работаю над реализацией полноэкранной страницы загрузки, которая будет отображаться при первой загрузке приложения.По сути, я пытаюсь сделать что-то простое, как это (Страница начальной загрузки): http://fuse -angular-material.withinpixels.com /
Для этого у меня была идея использовать UI-Маршрутизатор (так что я могу повторно использовать во время тяжелых запросов).Поэтому я попробовал следующее, но, похоже, все работает, независимо от того, как я к этому подхожу.
Конфигурация приложения:
Main_App.config( function($stateProvider, $urlRouterProvider) {
var Loading = {
abstract: true,
name: 'Loading',
url: '/',
templateUrl: "Pages/Loading.html"
}
var Home = {
name: 'Home',
url: '/Home',
templateUrl: "Pages/Home.html"
}
$stateProvider.state(Loading);
$stateProvider.state(Home);
$urlRouterProvider.otherwise("/");
})
HTML:
<body ng-app="Main_App">
<ui-view name="Loading" ></ui-view> //Get a blank page
<div ui-view="Loading"></div> //Get a blank page
<div>
<div>
<div>
<ui-view></ui-view> //loading page shows up here if i remove abstract.
</div>
</div>
</div>
</body>
Кто-нибудь может представить, что мне не хватает?