Question

一旦我从下拉字段中选择一个下拉值，我就希望加载另一个div中的部分 ngif可以帮助我做到这一点，但是我如何将其添加为显示该部分的条件选择的任何下拉菜单都应打开该部分稍后将根据div的其他不同部分对它进行自定义，以便根据相应的不同下拉列表值的选择进行加载

Answer 1

这可以通过使用selectionchange事件发射器函数来解决，只要您从下拉列表中选择一个值，就可以调用事件发射器函数。请参见下面的代码：

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

}

如何从角度材质选择下拉菜单中选择值时显示按钮

1 个答案: