각도 2 재질 매트 - 프로그래밍 방식으로 열거 나 닫음

Question

mat-select를 프로그래밍 방식으로 열거 나 닫는 방법을 아는 사람이 있습니까? pert api 거기에 열기 및 닫기위한 메서드가 있지만 구성 요소에서 해당 메서드를 호출하는 방법을 알고 거기에 보여주는 예제가 없습니다.

감사

Answer 1

는 DOM 요소를 식별하고 ViewChild으로 접근 할 필요가 이러한 속성에 액세스하려면 :

<mat-select #mySelect placeholder="Favorite food"> 
    <mat-option *ngFor="let food of foods" [value]="food.value"> 
     {{ food.viewValue }} 
    </mat-option> 
    </mat-select> 

component.ts을

component.html을

import {Component, ViewChild} from '@angular/core'; 

@Component({ 
    selector: 'select-overview-example', 
    templateUrl: 'select-overview-example.html', 
    styleUrls: ['select-overview-example.css'], 
}) 
export class SelectOverviewExample { 
    @ViewChild('mySelect') mySelect; 
    foods = [ 
    {value: 'steak-0', viewValue: 'Steak'}, 
    {value: 'pizza-1', viewValue: 'Pizza'}, 
    {value: 'tacos-2', viewValue: 'Tacos'} 
    ]; 

    click() { 
    this.mySelect.open(); 
    } 
} 

View a working stackblitz here.