生成された隠しフィールドの値を取得する

Question

私はangle2-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モデルにバインドされていないということです。 どうすればいいですか？それが不可能な場合は、私の隠された入力値にアクセスする方法をどのように得ることができますか？ THXたくさん

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

にテンプレート変数を追加することができない場合