如何获取其他页面的数组详细信息

我有类别数组。 有更多的产品。 我需要在类别页面中显示类别。 点击某个类别时，我必须重定向产品页面并显示必要的产品。 点击产品时，我必须重定向product_details页面并显示必要的产品详细信息。

加载到类别页面的类别，当点击它时，它将重定向产品页面。 但是，我看不到产品。 以及如何创建product_details.html页面。

我必须这样表现出来：

• 类别页面：term_id，名称
• 产品页面：post_title，ID
• 产品详细信息页面：post_title，post_date，post_author，ID

所属分类-product.json

{ "category": [{ "term_id": "10", "name": "Arden Grange", "slug": "arden-grange", "products": [{ "ID": "47", "post_title": "Arden Grange, Premium", "post_date": "2015-10-20 16:13:04", "post_author": "5" }, { "ID": "50", "post_title": "Arden Grange Puppy\/Junior Large Breed", "post_date": "2015-10-21 04:56:23", "post_author": "5" }, { "ID": "53", "post_title": "Arden Grange Weaning\/Puppy", "post_date": "2015-10-22 12:52:35", "post_author": "5" }] }, { "term_id": "8", "name": "Menu 1", "slug": "menu-1", "products": [{ "ID": "38", "post_title": "Home", "post_date": "2015-10-20 10:43:44", "post_author": "1" }, { "ID": "30", "post_title": "", "post_date": "2015-10-20 10:13:56", "post_author": "1" }, { "ID": "31", "post_title": "", "post_date": "2015-10-20 10:13:57", "post_author": "1" }] }] } 

CategoryController.js

 app.controller('CategoryController', ['$scope','category', function($scope, category) { category.success(function(data) { $scope.userslists = data; }); }]); 

ProductController.js

 app.controller('ProductController', ['$scope', '$routeParams', 'category', function($scope, $routeParams, category,products) { category.success(function(data) { $scope.users = data.category[$routeParams.id]; }); }]); 

category.js（服务文件）

 app.factory('category', ['$http', function($http) { return $http.get('http://localhost/youtubewebservice/shop-categorylist-product.php') .success(function(data) { return data; }) .error(function(err) { return err; }); }]); 

category.html

   
  {{ users.name }} {{ users.post_title }} {{ users.term_id }} 
   
       
   

users.html（这是product.html页面）

   
 
 {{ users.name }} 
 
 {{ product-post_title }} 
 
 {{ users.name }} 
 
 {{ users.term_id }} 
 
 {{ users.term_id }} 
 
   

app.js

 var app = angular.module('LookApp', ['ionic','ngCordova','ngRoute']); app.config(function($stateProvider, $urlRouterProvider,$routeProvider) { $routeProvider .when('/', { controller: 'CategoryController', templateUrl: 'views/category.html' }) .when('/:id', { controller: 'ProductController', templateUrl: 'views/users.html' }) .when('/login/:friendId', { controller: 'LoginController', templateUrl: 'views/login.html' }) .otherwise({ redirectTo: '/' }); }); 

Answer 1

你需要这样做
类别页面

controllers.js

 app.controller('CategoryController', ['$scope','$http', function($scope, category) { $http.get('http://localhost/youtubewebservice/shop-categorylist-product.php') .success(function(data) { $scope.userslists = data; }) .error(function(err) { return err; }); $scope.save() = function(index) { $rootScope.index = index; } }]); app.controller('ProductController', ['$scope', function() { }]); 

产品页面

 
 
 {{ userslists[index].category.name }} 
 
 {{ userslists[index].category.products.post_title }} 
 
 {{ userslists[index].category.name }} 
 
 {{ userslists[index].category.term_id }} 
 
 {{ userslists[index].category.term_id }}