無法使用@ViewChildren獲取* ngFor循環的<md-option>元素

Question

我想選擇元素列表，以便在給定值的選項時將其中的一個關注。

select.component.template：

<md-select 
     [formControl]="selectFormControl" 
     (click)="detectKeys()" 
     [required]="isRequired" 
     [disabled]="isDisabled" 
     [attr.role]="'listbox'" 
     [attr.aria-labelledby]="placeholder" 
     placeholder="placeholder"> 
    <md-option #selectBox *ngFor="let option of options" [value]="option.value"> 
    {{option.description}} 
    </md-option> 
</md-select> 

select.component.ts：

export class UiSelectComponent implements OnInit, AfterViewInit { 
    .... 
    @Input() options: Object[]; 
    @ViewChildren('selectBox') selects: QueryList<any>; 
    .... 
} 

ngAfterViewInit() { 
    console.log(this.selects.length); // comes up empty results 
} 

Answer 1

你能想到把認購超過QueryList的selectBox

this.selects.changes.subscribe((option: QueryList <any>) => { 
    console.log(option); 
});