2016-04-14 8 views
1

私は自分のプロジェクトの一つでアンギュラマテリアルを使用しています。突然、私はmd-selectでselect allオプションを持つ必要性を認識しました。私は同じことについてgit要求を引き出すと思います。アンギュラマテリアルのバージョンはありますか?全てを選択してmd-selectを選択してください

しかし、現時点では、チェックボックス(md-select multipleなど)と同様のドロップダウン構造を探していますが、すべてを選択するオプションもあります。

私は、ダミーの空のエントリをmd-selectオプション配列にプッシュし、その選択に対して逆の方法を操作できることを知っています。しかし、それは私の現在の構造に多くのコード変更を必要とし、またエレガントなことではありません。

ブートストラップとjQuery-UIで探してみましたが、まだ見つかりませんでした。そのようなコントロールは誰にも知られていますか?リダイレクトが役立ちます。

+0

私はあなたの代わりにオートコンプリートを使用する必要がありますね。おそらく、タッチスクリーンの他に、マルチデザインは素材デザインでは正しく表示されません。使用するのはひどいでしょう。 –

+0

@Velasquez:あなたが私を正しければ疑いがあります。ワンクリックやワンタッチでドロップダウンからすべての値を選択できるものを探しています。たとえば、Gmailでは、そのページのすべてのメールを選択する一番上のチェックボックスをクリックすることができます。 –

+0

よろしくお願いします。おそらく、 Select Allの前に追加することができます。 –

答えて

2

これはHTML内で簡単に行うことができます。 「選択なし」オプションも必要な場合は、1行のコードまたは2行しか必要としません。たとえば、

Example in Plunkerです。

編集:以下のPlunkerを更新して、「Users」optgroupタイトルの横にある選択ボックス内の「all」ボタンを表示しました。関連する変更:

<md-select ng-model="selectedUser" multiple="" ng-model-options="{trackBy: '$value.id'}"> 
     <button ng-click="doSelectedUser()" style="float:right">all</button> 
     <md-optgroup label="Users"> 
+0

@ C14L:これが可能です。しかし、これは私が探しているものではありません。あなたが提供したボタン(またはチェックボックス)がドロップダウンメニュー内にあることが必要です。角度のある素材が飛んでドロップダウンするので、達成できません –

+0

@SaurabhTiwari私はPlunkerを更新しました。オプトグループのタイトルの上にある 'md-select'をボタンに入れ、' float:right'とするだけでいいです。 – C14L

+0

私はあなたのプランナーにほとんど変更を加えませんでした。あなたがそれらを表示したいと思います願っています: ' < MD-オプションNG値 "のユーザーがユーザー" = "ユーザ" NGリピート=> {{user.name}} ' –

関連する問題