（Angular Material）用Autocomplete打造帶層級分類的DropDown
阿新 • • 發佈：2018-10-13
height member style con 編寫 bsp input ont ports
效果如下圖
代碼實現
1、導入模塊
import {MatAutocompleteModule} from ‘@angular/material/autocomplete‘;
@NgModule({
imports:[
MatAutocompleteModule
]
})
２、編寫List內容
this.memberNameList = [ { onOffDist: ‘オン‘, items: [‘丁１‘, ‘徐２‘, ‘僑３‘] }, { onOffDist: ‘オフ‘, items: [‘趙４‘, ‘李５‘]
３、html實現
<input type="text" name="memberName" matInput formControlName="memberName" [matAutocomplete]="memberName" [value]="costData.teamMember"/> <mat-autocomplete style="font-size:12px; height: 30px;" #memberName="matAutocomplete"> <mat-optgroup *ngFor="let nameList of memberNameList" [label]="nameList.onOffDist">（Angular Material）用Autocomplete打造帶層級分類的DropDown