Json数组详细显示在angularjs中的三页中有离子

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

加载到类别页面的类别，当点击它时，它将重定向产品页面。 但是，我看不到产品。 这些控制器的错误是什么，以及如何创建“product_details.html”和“product.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]; }); }]); 

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: '/' }); 

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; }); }]); 

Answer 1

看你已经把你的数据放在$ scope.userlists中，所以当你用html调用你的数据时，你需要这样做
类别页面

 
 Term ID : {{user.category.term_id}} Name : {{user.category.name}}  

产品页面

 
 Post Title : {{user.category.products.post_title}} ID : {{user.category.products.ID}}  

详情页面

 
 Post Title : {{user.category.products.post_title}} Post Date : {{user.category.products.post_date}} Post Author: {{user.category.products.post_author}} ID : {{user.category.products.ID}}