angular - 如何让 ViewChild 设置属性而不是变量

Question

我有一堂课。这个类的一个属性被命名为model_number。我在这里要做的是使用 ViewChild 设置此属性的属性“DOMelement”。

编码 ：

import {Component,ViewChild} from '@angular/core';
@Component({
    selector: 'app-form',
    templateUrl: './form.component.html',
    styleUrls: ['./form.component.scss']
})
export class FormComponent  {
    @ViewChild('model_number') model_number.DOMelement:ElementRef;
    model_number = {value: '', api_name: 'hardware_model_number', required: true,element:{}};
}

但它无法编译并出现很好的语法错误。我怎样才能做到这一点：

 @ViewChild('model_number') model_number.DOMelement:ElementRef;

Answer 1

@ViewChild('model_number') model_number:ElementRef;

在你的代码中

this.model_number.nativeElement

Answer 2

我找到了一种方法，但如果有人找到另一种方法，我会全神贯注。

这是我对这个问题的看法：

import {Component,ViewChild} from '@angular/core';
@Component({
    selector: 'app-form',
    templateUrl: './form.component.html',
    styleUrls: ['./form.component.scss']
})
export class FormComponent  implements AfterViewInit{
    @ViewChild('model_number') model_number_DE:ElementRef;

    model_number = {value: '', api_name: 'hardware_model_number', required: true,element:{}};
    ngAfterViewInit() {
        this.model_number.element = this.model_number_DE.nativeElement;
    }
}