如何在隐藏输入标签中设置属性值。 Angular 2

Question

我有带有输入标签的模板组件。 我需要以某种方式设置我的类公共属性的值。

如何做到这一点？

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