UI-Router離子卡列表

Question

我在使用離子div的href時遇到了一些問題。如果我使用的離子列表中的所有工作良好：

<ion-item class="item-icon-right" ng-repeat="post in posts track by $index" href="#/app/posts/{{post.id}}" track> 

但是當我嘗試這對格 - 不工作：

<div class="list card" ng-repeat="post in posts track by $index" href="#/app/posts/{{post.id}}" track></div> 

Answer 1

href內不可div。您可以使用ng-click解決並在控制器中處理它。

<div class="list card" ng-repeat="post in posts track by $index" ng-click="gotoPost(post.id)" track></div> 

在你的控制器：

$scope.gotoPost(postId){ 
    $location.path('/app/posts/'+postId); 
} 

請記住，你將定義注入$location你控制器

Answer 2

解決。這：

$scope.gotoPost(postId){ 
    $location.path('/app/posts/'+postId); 
} 

改成這樣：

 $scope.gotoPost = function(postid){ 
     $state.go('app.post', {'postId': + postid}); 
    } 

並添加$狀態到我的控制器

Answer 3

聲明函數只是在每個地方的路由可能是麻煩的。改用此方法。

<div class="list"> 
    <a class="card item" 
    ng-repeat="post in posts track by $index" 
    ui-sref="post({id: 'post.id'})" > 
    <div>{{post.content}}</div> 
    </a> 
</div>