如何在角度材料选择下拉列表中显示选择值的按钮

Question

一旦我从下拉字段中选择一个下拉值，我希望加载另一个div中的一个部分，ngif将帮助我这样做，但我怎么能添加这个作为显示该部分的条件任何选择的下拉列表应该打开该部分以后会根据相应的不同下拉值的选择将其自定义为div中的其他不同部分

Answer 1

这可以通过使用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>

我的代码：

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;
}

}