ViewChildを変数の代わりにプロパティを設定する方法

Question

私はクラスを持っています。このクラスのプロパティはmodel_numberという名前です。私がここでやろうとしているのは、このプロパティの属性 "DOMelement"をViewChildで設定することです。

コード：

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

を私は方法を見つけ、誰かが、私はすべての耳だ別の方法を見つけた場合、それは過大な感じ。私は私の変数を複製したくない

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

Answer 2

@ViewChild('model_number') model_number:ElementRef; 

そして、あなたのコード内の

this.model_number.nativeElement