md-select

Blocked on both #113 and #84

When we can expect a version of select to be available.

Please make a editable md-select!

Both blockers closed. Can we expect md-select soon?

It would be great if md-select and other similar components (menu, dialog, etc) were based on a foundation component such as material 1 md-panel (https://material.angularjs.org/latest/api/service/$mdPanel). Is the team considering this as a design?

@henrymana

@henrymana they are.

@jelbourn

@jelbourn when do you anticipate the design doc being ready? It's not yet up in the Design doc directory. Since you'll support multi-select (mentioned here), will you also support searching the list (i.e. filtering down the list) in the case of very large lists - to facilitate finding an item less cumbersome? Also, a check-all/clear for multi-select?

There is the possibility of being implemented some things this plugin JS? http://selectize.github.io/selectize.js/

@jelbourn

@jelbourn @kara could you please answer @esinek's question?

@alan345

@alan345 Make sure to import @angular/forms in your module.

import {MaterialModule} from "@angular/material";
import {FormsModule} from '@angular/forms';

@NgModule({
  imports: [MaterialModule.forRoot(), FormsModule]
})

Thank you for reply. Already solved the issue. ;-) Regards, Vivian

…

On Fri, Jan 6, 2017 at 6:47 PM, Beat Meier ***@***.***> wrote: @alan345 <https://github.com/alan345> Make sure do import @angular/forms in your module. import {MaterialModule} from ***@***.***/material";import {FormsModule} from ***@***.***/forms'; @NgModule({ imports: [MaterialModule.forRoot(), FormsModule] }) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#118 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFLILttvkPf9WSF_3TyvlHzZBDRvOa00ks5rPhvfgaJpZM4HkX8O> .

I think I got a scenario

this.createForm = formBuilder.group({
      fieldName: ['']
 });

and them

<md-select formControlName="fieldName" *ngIf="expression">
     <md-option *ngFor="let option of options" [value]="option.value">
                    {{option.text}}
     </md-option>
</md-select>

When the expression is true and the component is rendered the value is not selected.

I'm using @angular/material@2.0.0-beta.1 and I'm facing the problem that the selection list is always displayed at the bottom of the page. How can I fix that?

Finally I solved the problem by adding a CSS file as discribed in: https://material.angular.io/guide/theming. Since we are working with CLI I did as follows:
If you're using Angular CLI, this is as simple as including one line in your style.css file:
@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';

I'm having an issue with md-select not working with reactive forms, it seems the initial value is not getting set, am I doing something wrong or is this a bug? Here is a plnkr....

https://embed.plnkr.co/p7Fm9lC4TxoVaZ8ydYf0/

@zerouno62

@zerouno62, I had the same problem menu would shoot up to the top left, had to put position:absolute on the .cdk-overlay-pane class. I used a <style> block in index.html, not ideal but solved my issue

@zerouno62

@zerouno62 at least you have a selection list

My md-select doesn't create an overlay, so I'm left with a non-reactive md-select (using 2.0.0-beta.1, and Electron if that's relevant)

Any idea why?

Toggling theme not applying for md-select. By default it is applying the light-theme even though we are toggling the theme from light to dark..

This was asked previously, but there is no answer - ngValue binding doesn't work with md-option, how can we use md-select with objects as option values?

I am using beta-1 Initial value is not set when data for options are loading form api.

@BhattaRj

@BhattaRj
If you set the initial value in the model ([(ngModel)]="...") the corresponding option will be selected.

@BhattaRj

Hello, I have the same problem as @BhattaRj. if I do this:

<select placeholder="Partner" [(ngModel)]="model.partnerGuid"><option *ngFor="let partner of partners" [value]="partner.guid">{{ partner.name }}</option></select>

The value gets preselected according to the binding. If i change it to

<md-select placeholder="Partner" [(ngModel)]="model.partnerGuid">
  <md-option *ngFor="let partner of partners" [value]="partner.guid">
    {{ partner.name }}
  </md-option>
</md-select>

(literally add md- prefix to tags) the value is NOT preselected. That's also when using API for filling options, angualr/material 2.0.0.-beta.1, angular 2.4.3

I'm closing this thread since it's gone somewhat off-topic. If you encounter issues with md-select please file an issue following the issue template. For questions / help, try gitter and Stack Overflow.

Navigation Menu

Repository navigation

md-select #118

54 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

md-select #118

Description

Activity

bhardwaj2607 commented on Apr 27, 2016

JesusSD commented on May 24, 2016

maciejtreder commented on Jul 6, 2016

henrymana commented on Jul 12, 2016

jelbourn commented on Jul 12, 2016

esinek commented on Aug 9, 2016

abalad commented on Sep 9, 2016

fxck commented on Sep 17, 2016

54 remaining items

biiit commented on Jan 6, 2017

vivian7169 commented on Jan 6, 2017

phmello commented on Jan 10, 2017

zerouno62 commented on Jan 10, 2017

csyperski commented on Jan 12, 2017

kriswinbush commented on Jan 12, 2017

clembu commented on Jan 15, 2017

SalmaKolkari commented on Jan 16, 2017

ig16022 commented on Jan 17, 2017

BhattaRj commented on Jan 18, 2017

zerouno62 commented on Jan 19, 2017

brunoAltinet commented on Jan 19, 2017

jelbourn commented on Jan 19, 2017

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions