Question

我遇到了与使用离子项目滑动的项目滑块相关的按钮的麻烦。这些按钮显示在项目窗格的下方，而不是其下方（请参见所附图片）。这是导致此问题的HTML代码段：

<ion-list>
    <ion-item-sliding ng-repeat="project in projects">
        <ion-item ng-click="selectProject(project, $index)" ng-class={active: activeProject == project}">
            {{project.title}}
        </ion-item>
        <ion-item-options side="left">
            <button ion-button>
                <ion-icon name="delete"></ion-icon>
                Delete
            </button>
        </ion-item-options>
    </ion-item-sliding>

My buttons display like this, but I want them to display like this

Answer 1

从他们的文档中。

<ion-item-options side="left">
  <button ion-button (click)="archive(item)">
    <ion-icon name="archive"></ion-icon>
    Archive
  </button>
</ion-item-options>

来源.. IonicFramework

离子项目滑块按钮无法正确显示

1 个答案: