角度指令-ElementRef-无法从mat-form-field中选择mat-select

我正在尝试通过指令访问的mat-select内部mat-form-field。

@Directive({ selector: "[appMatSelectLoader]" })
export class MatSelectLoaderDirective {
    constructor(el: ElementRef) {
        console.log((el.nativeElement as HTMLElement).querySelector("mat-select"));
    }
}

我进入null控制台。但是，当我这样做时：

console.log((el.nativeElement as HTMLElement));

我确实mat-select在控制台中看到了：

我在这里想念什么??

这是该指令的应用方式：

<mat-form-field appearance="fill" appMatSelectLoader>
    <mat-select required>
        <mat-option *ngFor="let option of options" [value]="option.id">
            {{ option.name }}
        </mat-option>
    </mat-select>
</mat-form-field>