angular - 是否可以为 formControl 获取 native 元素？

Question

我有 Angular reactive form .我创建了 formControl s 并通过 [formControl]=... 将其分配给输入字段.据我了解，它创建了 nativeElement <-> formControl链接。

我的问题:是否有可能得到 nativeElement对于 formControl ？我想做类似 myFormControl.nativeElement.focus() 的事情

Answer 1

下面的代码不适用于纯 ngModel 绑定(bind)，所以我做了很多实验。最新的，也被 Maximillian Schwarzmuller 确认应该是:

@Directive({
    selector: '[ngModel], [formControl]', // or 'input, select, textarea' - but then your controls won't be handled and also checking for undefined would be necessary
})
export class NativeElementInjectorDirective {
    constructor(private el: ElementRef, private control : NgControl, @Optional() private model : NgModel) {
        if (!! model)
            (<any>model.control).nativeElement = el.nativeElement;
        else
            (<any>control).nativeElement = el.nativeElement;
    }
}

因此，如果在主模块中提供并导出该指令，它会将自定义 nativeElement 属性附加到所有 FormControl。

很遗憾它没有开箱即用......