Как показать кнопку при выборе значения из выпадающего списка угловых материалов

Question

Как только я выбираю раскрывающееся значение в раскрывающемся поле, я хочу, чтобы загружался раздел в другом элементе div. Ngif помог бы мне сделать это, но как я могу добавить это как условие для отображения этого раздела? Любой выбранный раскрывающийся список должен открываться.этот раздел Позже будет настраивать его для других разделов в div для загрузки на основе выбора различных значений раскрывающихся списков соответственно

Answer 1

Это можно решить с помощью функции emmiter события selectionchange, всякий раз, когда вы выбираете значение из выпадающего меню, вы можете вызвать функцию eventemmiter.См. Код ниже:

Код HTML:

<div>
    <mat-select placeholder="Options" 
    (selectionChange)="onSelecetionChange($event.value)">
        <mat-option value="individual ">Individual </mat-option>
        <mat-option value="business">Business</mat-option>
    </mat-select>
</div>

<div *ngIf="individual">
   Individual Div
</div>
<div *ngIf="business">
   Business Div
</div>

Мой код TS:

individual: boolean;
business: boolean;

onSelecetionChange( value: string ) {
if( value === 'individual') {
  // You can add some service call or customize your data from here
  this.individual = true;
}
if( value === 'business') {
  // You can add some service call or customize your data from here
  this.business = true;
}

}