1

Ionic フレームワーク内での作業。非常に単純なアプリのセットアップがあり、スワイプでボタンを表示できません:

//Swipable buttons don't work.
$scope.itemButtons = [
 {
     text: 'Edit',
     type: 'Button',
     onTap: function (item) {
         alert('Edit Item');
     }
 },
 {
     text: 'Share',
     type: 'Button',
     onTap: function (item) {
         alert('Share Item');
     }
 }
];

<ion-content>
    <ion-list>
        <ion-item ng-repeat="facility in facilities" item="item" can-swipe="true" option-buttons="itemButtons">
            {{facility.name}}
        </ion-item>
    </ion-list>
</ion-content>
4

2 に答える 2

5

小さなバグもあります -item="facility"ではなく、設定する必要がありitem="item"ます。しかし、もっと重要なことは、この構文はnightly-1.0.0-beta.1では利用できないということです。新しい構文は次のようになります。

<ion-content>
  <ion-list>
    <ion-item ng-repeat="facility in facilities" item="facility" can-swipe="true">
      Facility {{ facility .id }}
      <ion-option-button class="button-assertive" ng-click="edit(facility)">
        Edit
      </ion-option-button>
      <ion-option-button class="button-calm" ng-click="share(facility)">
        Share
      </ion-option-button>
    </ion-item>
  </ion-list>
</ion-content>

js:

$scope.edit = function(item) {
  alert('Edit facility: ' + item.id);
};
$scope.share = function(item) {
  alert('Share facility: ' + item.id);
};

http://plnkr.co/edit/isubGyXN3FEy5hNIuUlR?p=preview

于 2014-04-16T22:51:16.410 に答える