Question

我使用angular2-materialize中的Datepicker，它基于Pickadate，我需要向服务器发送与向用户显示的值不同的值。经典案例。为此，Pickadate提供了一个选项：formatSubmit，它创建一个保存该内部值的隐藏输入。我甚至可以让这个输入与我的主输入同名（带有hiddenName参数）。

<input type="date" id="dateOfEvent" name="dateOfEvent" 
       [(ngModel)]="claimFile.dateOfEvent" class="datepicker" 
       materialize="pickadate" [materializeParams]="[{format: 'd mmmm yyyy', formatSubmit: 'yyyy-mm-dd', hiddenName: true}]" required />

在组件下方生成隐藏输入：

<input type="hidden" name="dateOfEvent" value="2016-10-20">

问题是隐藏的输入没有绑定到我的ng2模型。我怎样才能做到这一点？如果不可能，我怎样才能获得访问隐藏输入值的方法？很多

Answer 1

<input type="hidden" #hidden name="dateOfEvent" value="2016-10-20">

@ViewChild('hidden') hidden:ElementRef;

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

如果无法将模板变量添加到隐藏元素

consturctor(private elRef:ElementRef){}

ngAfterViewInit() {
  console.log(this.elRef.querySelector('input[type="hidden"]').value);
}

获取生成的隐藏字段的值

1 个答案: