Ширина выпадающего меню Angular2 mat-select match - PullRequest
Новая
       9

Ширина выпадающего меню Angular2 mat-select match

0 голосов
/ 26 апреля 2018

Я использую элемент управления angular2 mat-select и пытаюсь изменить ширину и позицию меню выпадающего списка, чтобы он соответствовал родительскому элементу (по умолчанию он шире и переполняет элемент в обе стороны в несколько пикселей.) Я не видел такой опции в материалахsite и переопределение css является сложным, так как значения зависят от ширины элемента.(нужно для всех выбранных меню на моем сайте)

пример кода: 

<mat-form-field class="col-sm-8 grey">
  <mat-select [(value)]="selectedGroup">
    <mat-option *ngFor="let item of groups" [value]="item">{{item.value}}</mat-option>
  </mat-select>
</mat-form-field>

Спасибо заранее!

1 Ответ

0 голосов
/ 26 апреля 2018

Для упрощения стилизации раскрывающейся панели имеется свойство panelClass, которое можно использовать для применения дополнительных классов CSS к раскрывающейся панели 

<mat-form-field>
  <mat-select placeholder="Panel color" [formControl]="panelColor"
              panelClass="example-panel-{{panelColor.value}}">
    <mat-option value="red">Red</mat-option>
    <mat-option value="green">Green</mat-option>
    <mat-option value="blue">Blue</mat-option>
  </mat-select>
</mat-form-field>

Источник информации

...