Angularjs 从不同于父级的服务解析的子视图/路由
从父视图/路由解析来自不同服务的GET时,加载子视图/路由时遇到问题 在父视图中,每个离子项目链接到Angularjs 从不同于父级的服务解析的子视图/路由,angularjs,ionic-framework,ionic,Angularjs,Ionic Framework,Ionic,从父视图/路由解析来自不同服务的GET时,加载子视图/路由时遇到问题 在父视图中,每个离子项目链接到/#/tab/categories/{{category.listing_category_id} 单击URL时,会使用正确的类别ID填充(对于flash),子服务会成功接收类别ID,运行后续的GET请求并返回数据作为承诺…所有内容均按预期工作。问题在于,从未加载子视图/管线。非常感谢所有帮助/指导 家长 angular.module('rainbowPages.tab.categories',
/#/tab/categories/{{category.listing_category_id}
单击URL时,会使用正确的类别ID填充(对于flash),子服务会成功接收类别ID,运行后续的GET请求并返回数据作为承诺…所有内容均按预期工作。问题在于,从未加载子视图/管线。非常感谢所有帮助/指导
家长
angular.module('rainbowPages.tab.categories', [])
.config(function($stateProvider, $urlRouterProvider) {
// UI Router
$stateProvider.state('tab.categories', {
url: '/categories',
views: {
'tab-categories': {
templateUrl: 'views/tab-categories/tab-categories.html',
controller: 'CategoriesCtrl'
}
}
});
// otherwise
$urlRouterProvider.otherwise('/tab/categories');
})
.factory('CategoriesService', function($resource) {
var remoteCategoriesURL = 'http://104.167.104.163:7000/api/v1/categories',
categoriesService = $resource(remoteCategoriesURL, {}, {
getAll: {
method: 'GET',
isArray: true
}
});
return categoriesService;
})
.controller('CategoriesCtrl', function($scope, CategoriesService) {
$scope.categories = CategoriesService.getAll();
});
儿童
angular.module('rainbowPages.tab.categories.detail', [])
.config(function($stateProvider, $urlRouterProvider) {
// UI Router
$stateProvider.state('tab.category-detail', {
url: '/categories/:listing_category_id',
views: {
'tab-categories': {
templateUrl: 'views/category-detail/category-detail.html',
controller: 'categoryDetailCtrl'
}
},
resolve: {
listings: function($stateParams, CategoryDetailService) {
// bind data to listing
return CategoryDetailService($stateParams.listing_category_id);
}
}
});
})
.factory('CategoryDetailService', function($resource) {
var remoteCategoryURL = 'http://104.167.104.163:7000/api/v1/category/:categoryID',
categoryDetailService = $resource(remoteCategoryURL, {categoryID:'@listing_category_id'}, {
get: {
method: 'GET',
isArray: true
}
}),
getListingsInCategory = function getListingsInCategory(categoryID) {
listingsInCategory = categoryDetailService.get({categoryID:categoryID}, function(promise) {
if(promise.$resolved = true) {
console.log(promise); // how I know the promise has the correct data
return promise;
}
});
};
return getListingsInCategory;
})
.controller('categoryDetailCtrl', function($scope, listings){
console.log('listings are : ' + listings);
$scope.listings = listings;
});
父选项卡在哪里?你能把它放在一个代码笔里吗?
angular.module('rainbowPages.tabs',[]).config(函数($stateProvider,$urlRouterProvider){//UI路由器$stateProvider.state('tab',{url:“/tab”,//ever-present-abstract:true,templateUrl:“views/tabs/tabs/tabs.html”})代码>