2017-08-11 11 views
0

アイオニクス2アプリケーションで1日のスライダーを作りたいのですが、どうやってやるのか本当にありません。私はGoogleで検索してきましたが、何も見つかりませんでした。私が見つけた最も近いものはthisです。しかし、これはAngular 2では機能しません。私は日数(Mon-Sun)のスライダのみ必要です。 これは次のようになります: this。 1つは1日を選択することができるはずです。Ionic 2で選択した日のスライダーを作る方法は?

なぜ私はそれが必要なのですか: 私のアプリケーションは旅行を計画するために使用することができ、ユーザーは彼が行く日を選択できる必要があります。

あなたは、これは本当に簡単な、このようなものが十分で行うことができます

答えて

0

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> 
関連する問題