angular / angular/components

feat(mat-selection-list): add slide toggle as alternative for checkbox

オープン
#9,739 コメント 12 件 リアクション 20 件 担当者 0 名 GitHub で見る
area: material/list feature P5
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### Bug, feature request, or proposal:
feature request

#### What is the expected behavior?
Option lists can have slide toggles instead of checkboxes, as you can see on Android OS.

#### What is the current behavior?
Option lists are only for checkboxes and if you want to create something that has the same look but has a slide toggle instead, you will have to implement by yourself.

#### What is the use-case or motivation for changing an existing behavior?
Its a very common option list format, very used on Android 5~6.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Material 5.1

#### Is there anything else we should know?
You can find it in Material's guidelines:
![image](https://user-images.githubusercontent.com/3942006/35696636-21d3e79a-076f-11e8-80c3-59abdf6d00fd.png)
*(switches are very cute btw)*

Cute sidebar example:
![image](https://user-images.githubusercontent.com/3942006/35740701-c7f2f7d0-081c-11e8-8010-d2dd8838f66a.png)
*(inspired by Twitter's PWA, achieved with slide-toggle, mat-list and `::ng-deep`, that's a lot more than I expect to write)*

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、mat-selection-list と slide-toggle コンポーネント、および現在の option-list checkbox 動作がどのように公開されているかを確認します。option lists が期待される選択動作を維持しながら代替表示として slide toggles をサポートし、新しいオプションのカバレッジを含む状態になれば、作業は完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。