UIルータのイオンカードリスト

Question

私はionic divでhrefを使用する際にいくつか問題があります。私はイオン性のリストを使用している場合は、すべての良い働き：

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

しかし、私はdiv要素でこれをしようとしたとき - 動作しません：

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

はあなたが解決

Answer 2

をコントローラにあなたが$locationを注入するために定義されます覚えておいてください。この：これに

$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>