Question

我想在我的Iionic 2应用程序中制作一天滑块，但我真的不怎么做。我一直在Google上搜索，但我找不到任何东西。我能找到的最接近的是this。但是，这不适用于Angular 2，我只需要一个带有天数的滑块（Mon-Sun）。这就是我希望它看起来像： this。一个人应该能够选择一天。

为什么我需要它：我的应用程序可以用来计划旅行，用户应该能够选择他要去的那一天。

Answer 1

你可以做到这一点非常简单，这样就足够了：

export class MyPage {
    days: [
        { name: "M", selected: false },
        { name: "T", selected: false },
        { name: "W", selected: false },
        { name: "T", selected: false },
        { name: "F", selected: false },
        { name: "S", selected: false },
        { name: "S", selected: false },
    ]
}

在你看来：

<span *ngFor="let day of days" (click)="day.selected = !day.selected"
      [ngClass]="{ selected: day.selected }">
    {{ day.name }}
</span>

如何在Ionic 2中制作一天选择滑块？

1 个答案: