如何在角度2中获取当前输入文本的表单名称

时间:2017-11-30 06:23:31

标签: forms angular angular2-forms

我有更改输入文本的情况,我在每个表单中有多个表单和一个输入,所以我想获取当前表单名称,其输入我正在改变。怎么做角度2 ??

以下是我的子组件代码

<form #form1="NgForm" novalidate>
  <input id="phoneNumber" type="text" placeholder="phoneNumber" class="validate"/>
</form>

<form #form2="NgForm" novalidate>
  <input id="mobileNumber" type="text" placeholder="mobileNumber" class="validate"/>
</form>

现在假设我要添加手机号码,我想要它的表格名称。怎么做这个角2 ??这是我想在父组件中访问我正在使用@ViewChildren访问子组件表单,我可以手动访问该表单但我想要动态访问我正在访问的输入..

2 个答案:

答案 0 :(得分:1)

在Angular中,您有两种选择使用动态表单或模板驱动表单, 您的选择是使用#form1 =“NgForm”

的动态表单

Angular dynamic-form

在您的代码中,您忘记了输入上的'[formControlName]'指令,当您有那些可以从组件代码访问表单的指令时:

<强>组件

this.form1.valueChanges.subscribe(data => console.log('Form changes', data));

<强> HTML :                 

<form #form2="NgForm" novalidate>
  <input [formControlName]="mobileNumber" type="text" placeholder="mobileNumber" class="validate"/>
</form>

答案 1 :(得分:0)

我能够通过将index作为输入传递给子表单并以父表单形式发送相同的表单来获取父表单中的当前表单无效...