如何在點擊列表中的項目，查看了新的一頁的項目？ AngularJS和離子

Question

我有一個項目，其中理想情況下，當點擊該項目，將帶給我的職位本身的列表。我不知道該怎麼做。我嘗試在標題內單擊，但我認爲路線本身並不工作。

出於測試目的，我用一條線在那裏工作VIEW，在點擊應導致上面的函數。我懷疑問題在於app.js狀態，以及如何在$ state.go中定義它。

感謝任何幫助。非常感謝！

使用 'tab.view' 不工作的主列表HTML

<ion-view ng-controller="NavCtrl"> 
    <div class="container posts-page"> 
      <div class="post row" ng-repeat="(postId, post) in posts"> 

    <a ng-click="view()">VIEW</a> <!-- the VIEW when clicked = no actions --> 

JS文件 。

$scope.view = function() { 
     $state.go('tab.posts.view', {postId: postId}); 
    }; 

的app.js狀態文件

.state('tab.posts', { 
    url: '/posts', 
    views: { 
    'tab-posts': { 
     templateUrl: 'templates/tab-posts.html', 
     controller: 'PostsCtrl' 

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

Answer 1

有一個工作plunker，展示如何：

.state('tab.posts', { 
    url: '/posts', 
    views: { 
    'tab-posts': { 
     templateUrl: 'tab-posts.html', 
     controller: 'PostsCtrl' 
    }, 
    } 
}) 
.state('tab.posts.view', { 
    url: '/:postId', 
    views: { 
    // here is the issue, instead of this 
    // 'tab-posts':{ 
    // we have to use this 
    'tab-posts@tab':{ 
     templateUrl: 'tab-showpost.html', 
     controller: 'PostViewCtrl' 
    } 

作爲代碼示例顯示，這個問題是，我們必須使用絕對視圖命名：

• View Names - Relative vs. Absolute Names

在幕後，每個視圖被分配遵循的viewname@statename，viewname表示視圖中的指令和國家名稱中使用的名稱的方案絕對名稱是國家的絕對名稱，例如contact.item。您也可以選擇以絕對語法編寫視圖名稱。

所以，因爲我們要瞄準國家tab命名tab-posts我們必須使用絕對命名的視圖：'tab-posts@tab'

此外，我們應該通過帖子ID爲view()功能，或我們可以直接使用ui-sref

<a ng-click="view(postId)">VIEW</a> 
<a ui-sref="tab.posts.view({postId: postId})">VIEW</a> 

爲了完整，有更新視圖func，羚牛克文章ID：

$scope.view = function(postId) { 
    $state.go('tab.posts.view', {postId: postId}); 
}; 

一切可以觀察到here