如何在隐藏的输入标签中设置属性值。角 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);
}