4
У меня есть вложенные ui-представления, которые ожидают данные из запроса http. В следующем коде я смоделировал это с таймаутами. Если я установил таймауты больше 10 мс, тогда мой плункер вообще не будет загружаться.Угловые ui-router вложенные разрешения не разрешаются
var myapp = angular.module('myapp', ["ui.router"])
myapp.config(function($stateProvider, $urlRouterProvider){
// For any unmatched url, send to /route1
$urlRouterProvider.otherwise("/route1")
try{
$stateProvider
.state('contacts', {
templateUrl: 'contacts.html',
controller: function($scope, service1){
$scope.title = service1.getData()
}
,resolve:{
titlePromise:function(service1){
return service1.myPromise
}}
})
.state('contacts.list', {
templateUrl: 'contacts.list.html',
controller: function($scope, service2){
$scope.contacts = service2.getData();
},
resolve:{
contactPromise:function(service2){return service2.myPromise}
}
});
}catch(e){
alert.log(e);
}
});
Услуги определяются следующим образом.
myapp.factory('service1',['$q', function($q){
var title = 'Not Yet';
var _promise = $q.defer();
setTimeout(function(){
title='My Contacts';
_promise.resolve(true);
},100);
return {
getData:function(){return title},
myPromise: _promise.promise
}
}]);
myapp.factory('service2',['$q','service1', function($q, service1){
var data = [];
var _promise = $q.defer();
setTimeout(function(){
service1.myPromise.then(function(){
data=[{ name: 'Alice' }, { name: 'Bob' }];
_promise.resolve(true);
})
},100);
return{
getData:function(){return data},
myPromise:_promise
}
}]);
мне нужно Service2 ждать, пока служба 1 не возвращает свои данные для того, чтобы выполнить свой request.The путь я должен это установить, кажется, не работает. Что я сделал не так? Если есть лучший способ настроить мое приложение, все предложения будут оценены. Я изменил пользовательский интерфейс ракурса вложенными Демо plunker ее: plnkr