2016-05-05 9 views
1

こんにちは、イオンと角度が新しいです。イオンアイテムのonclick私はインデックスが必要と私はアコーデオンを表示したい(崩壊と拡大)。どのように私は イオンリオーダーを使用したイオンリストでng-clickが機能していません

<ion-list class="ion-navicon" show-reorder="true" 
     can-swipe="listCanSwipe"> 
     <ion-item data-ng-repeat="item in items track by $index" data-ng-click="service($index)" class="item-thumbnail-left"> 
      <ion-reorder-button class="ion-navicon" 
        on-reorder="moveItem(item, $fromIndex, $toIndex)"> 
     </ion-reorder-button> 

     <div class="{{item.name}}"></div> 
     </ion-item> 
    </ion-list> 
</ion-content> 

は、以下の問題がNGリピートディレクティブは、それは独自のスコープのしていることである私のコントローラ

var myApp = angular.module('myApp',[]); 
myApp.controller('reorderCtrl', 
    [ 
      '$scope', 
      function($scope) { 
       $scope.moveItem = function(item, fromIndex, toIndex) { 
        $scope.items.splice(fromIndex, 1); 
        $scope.items.splice(toIndex, 0, item); 
        }; 

        $scope.service= function(index){ 
         console.log(index) 

        } 
        $scope.items = [{name : jai},{name : saurabh},{name : kamesh},{name : vijay},{name : ravi}]; 

      }]) 
+0

現在のコードではどのようなエラーが発生しますか?あなたは '$ scope.service'関数の名前を変更しようとしましたか? – nipuna777

+0

ええ、私は試しました。そして、エラーはなく、その機能は呼び出されません。 – jais

+0

アイテムは正しくロードされていますか?また、あなたはフィドルをアップロードできますか? – nipuna777

答えて

0

であることを達成することができます。そのスコープには、定義したメソッドserviceがありません。

reorderCtrl as ctrlシンタックスを使用してコントローラをインポートできます。 Ng-click doesn't work inside ng-repeat

1

これは私のために働いた、うまくいけば、それはあなたのために働くだろう:

これは

reorderCtrl.service()

にもこの質問を参照してください、あなたが使用してそのコントローラのメソッドを呼び出すことができるようになります

<ion-list show-reorder="true"> 
    <ion-item class="enable-pointer-events" ng-re....otherGloriousStuff> 
<ion-list> 
1

これをCSSで修正しました。

.disable-pointer-events{ 
    pointer-events: all; 
} 

ご希望の場合は、ご利用ください。

関連する問題