Combobox 是一個常用的下拉選擇框組件,提供了用戶在一個列表中選擇一個選項的功能。在 Angular 項目中使用 Combobox 可以通過如下步驟進行:
ng add @angular/material
然后根據提示選擇 MatSelect 組件進行安裝。
import { MatSelectModule } from '@angular/material/select';
@NgModule({
imports: [
MatSelectModule
]
})
export class AppModule { }
<mat-form-field>
<mat-label>Favorite food</mat-label>
<mat-select>
<mat-option value="1">Steak</mat-option>
<mat-option value="2">Pizza</mat-option>
<mat-option value="3">Tacos</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-label>Favorite food</mat-label>
<mat-select (selectionChange)="onSelectionChange($event)">
<mat-option value="1">Steak</mat-option>
<mat-option value="2">Pizza</mat-option>
<mat-option value="3">Tacos</mat-option>
</mat-select>
</mat-form-field>
onSelectionChange(event: MatSelectChange) {
console.log('Selected value: ', event.value);
}
通過以上步驟,就可以在 Angular 項目中使用 Combobox 組件來實現下拉選擇框的功能。希望以上信息對您有幫助!