Question

我有一个班级。此类的属性名为model_number。我在这里尝试做的是设置一个属性＆＃34; DOMelement＆＃34; ViewChild的这个属性。

代码：

list

但它无法使用一个很好的语法错误进行编译。我如何实现这一点：

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:{}};
}

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;
    }
}

如何使ViewChild设置属性而不是变量

2 个答案: