點擊列表項，頁面轉變，但詳細信息頁面只顯示沒有項目的詳細信息，除了（）

Question

目前，主列表HTML工作

<div class="post row" ng-repeat="(postId, post) in posts"> 
    <a href="{{ post.url }}">{{ post.title }}</a> 

但是當我點擊的項目（的一個許多在列表中）並轉到另一頁，新頁面不會詳細顯示該項目？

當添加下面的行中，包括$ stateParams在依賴關係，到控制器JS文件，{{post.title}}顯示，但沒有將數據通過。

$scope.post = $scope.posts[$stateParams.id] 

UPDATE
這是國家代碼。 （忽略缺少的語法......我縮短它）。有人幫助解決了上一個問題，併爲查看部分提供了以下代碼（最後2個州）。

.state('tab.view', { 
     url: '/posts/:postId', 
     views: { 
     'tab-view': { 
      templateUrl: 'templates/tab-showpost.html', 
      controller: 'PostViewCtrl' 

如何細節點擊列表項後訪問。

app.controller('PostViewCtrl', function ($scope, $stateParams, Post) { 
    $scope.Post = Post.find($stateParams.postId); //i think this may be broken 

Answer 1

在你的問題中缺少的關鍵之一是你的stateProvider是如何配置的。請確保您的狀態已正確設置url以通過狀態參數發送數據。我有a codepen here，它顯示了一種方法來獲得一個項目列表，點擊一個項目將把用戶的細節。需要注意的狀態如何設置？

angular.module('ionicApp', ['ionic']) 

.config(function($stateProvider, $urlRouterProvider) { 

    $stateProvider 
    .state('tabs', { 
     url: "/tab", 
     abstract: true, 
     templateUrl: "tabs.html" 
    }) 
    .state('tabs.home', { 
     url: "/home", 
     views: { 
     'home-tab': { 
      templateUrl: "home.html", 
      controller: 'HomeTabCtrl' 
     } 
     } 
    }) 
    .state('tabs.detailview', { 
     url: "/detailview/:index", //NOTE: :index is how you use $stateParams later on. 
     views: { 
     'home-tab': { 
      templateUrl: "detailview.html", 
      controller: 'DetailviewTabCtrl' 
     } 
     } 
    }); 


    $urlRouterProvider.otherwise("/tab/home"); 

}); 

然後，在你的控制器......

.controller('DetailviewTabCtrl', function($scope,$stateParams) { 
    $scope.id = parseInt($stateParams.index);//NOTE: This is the same 'index' 
    $scope.previous = parseInt($stateParams.index) - 1; 
    $scope.next = parseInt($stateParams.index) + 1; 
}); 

Answer 2

我不知道是什麼{{post.url}}是在ng-repeat;但我認爲你需要一個不同的$state來處理細節視圖。

做這樣的事情：

<div class="post row" ng-repeat="(postId, post) in posts"> 
    <a ui-sref="postDetail({id:post.id })">{{ post.title }}</a> 
</div> 

然後，您需要在您的應用程序config的$stateProvider的狀態定義是這樣的：

.state('postDetail', { 
     url: "/post/:id", 
     //NOTE: :id will be accessed from the controller using $stateParams later on. 
     templateUrl: "post_detail.html", 
     controller: 'PostDetailCtrl' 
    }) ... 

應該這樣做。