隠し入力のタグにプロパティ値を設定する方法。角2

Question

私は入力のタグを持つテンプレートを持つコンポーネントを持っています。 私のクラスのpublicプロパティに何らかの値を設定する必要があります。

これを行う方法？

@Component({ 
 
    selector: 'delivery-additional-html', 
 
    template: `<input type="hidden" #var [value]="'123'"/>` 
 
}) 
 
class CustomDeliveryAdditionalHTML implements AfterViewInit { 
 

 
    @Input('var') delivery_extra: any; 
 
    
 
    ngAfterViewInit() 
 
    { 
 
     console.log(this.delivery_extra); //Show undefined 
 
    } 
 
}

私はthis.delivery_extraに "123" の値を持っていると思います。

Answer 1

@Input('var') delivery_extra: any = 123; 

について何とおそらく

template: `<input type="hidden" #var [value]="delivery_extry"/>` 

更新

@ViewChild('var') myInput:ElementRef; 

ngAfterViewInit() { 
    console.log(this.myInput.nativeElement.value); 
}