我正在使用angular-2。我将通过使用单个函数来获取多个输入框的event.target.values。我也需要在ts文件中使用。请给出一个解决方案。 [英] I am using angular-2.how will I get the event.target.values for the multiple input boxes by using a single function.i need to use in ts file also.please give a solution.

问题描述

< div class =col-md-6（change）=calculateDob（$ event.target.name.value）> 
< div class =form-group> 
< label class =col-sm-3 control-label mandatory>约。年龄< /标签> 
< div class =col-sm-3> 
< input type =textname ='years'class =form-controlplaceholder =Years
 maxlength =3formControlName =y> 
< / div> 
< div class =col-sm-3> 
< input type =textname ='months'class =form-controlplaceholder =Months
 maxlength =2formControlName =m> 
< / div> 
< div class =col-sm-3> 
< input type =textname ='days'class =form-controlplaceholder =Daysmaxlength =2
 formControlName =d> 
< / div> 
< / div> 
< / div> 
< div class =col-md-6> 
< div class =form-group> 
< label class =col-sm-3 control-label>约。出生日期< / label> 
< div class =col-sm-9> 
< input type =dateclass =form-controlformControlName =dateOfBirth
 [（ngModel）] =birthDay已禁用> 
< / div> 
< / div> 
< / div> 

我尝试过：



calculateDob（总计）{

this.birthDay = moment（）。subtract（total.name.years，'years'）。subtract（total.name。几个月，'月'）。减去（total.name.days，'days'）;

}



我有的html代码写错了。

（更改）=​​calculateDob（$ event.target.name.value）。它显示错误。

解决方案

event.target.name.value)\">
< div class =form-group>
< label class =col-sm-3 control-标签必填>约。年龄< /标签>
< div class =col-sm-3>
< input type =textname ='years'class = form-controlplaceholder =Years
maxlength =3formControlName =y>
< / div>
< div class =col-sm-3 >
< input type =textname ='months'class =form-controlplaceholder =Months
maxlength =2formControlName =m>
< / di v>
< div class =col-sm-3>
< input type =textname ='days'class =form-controlplaceholder =Daysmaxlength =2
formControlName =d>
< / div>
< / div>
< / div>
< div class =col-md-6>
< div class =form-group>
< label class =col-sm-3 control-label>约。出生日期< / label>
< div class =col-sm-9>
< input type =dateclass =form-controlformControlName =dateOfBirth
[（ngModel）] =birthDay已禁用>
< / div>
< / div>
< / div>

我尝试过：



calculateDob（总计）{

this.birthDay = moment（）。subtract（total.name.years，'years'）。subtract（total.name。几个月，'月'）。减去（total.name.days，'days'）;

}



我有的html代码写错了。

（change）=calculateDob（

event.target.name.value）。它显示错误。

<div class="col-md-6" (change)="calculateDob($event.target.name.value)">
 <div class="form-group">
 <label class="col-sm-3 control-label mandatory">Approx. Age</label>
 <div class="col-sm-3">
 <input type="text" name='years' class="form-control" placeholder="Years" 
 maxlength="3" formControlName="y">
 </div>
 <div class="col-sm-3">
 <input type="text"  name='months' class="form-control" placeholder="Months" 
 maxlength="2" formControlName="m">
 </div>
 <div class="col-sm-3">
 <input type="text"  name='days' class="form-control" placeholder="Days" maxlength="2" 
 formControlName="d">
 </div>
 </div>
 </div>
 <div class="col-md-6">
 <div class="form-group">
 <label class="col-sm-3 control-label"> Approx. Date Of Birth </label>
 <div class="col-sm-9">
 <input type="date" class="form-control" formControlName="dateOfBirth" 
 [(ngModel)]="birthDay" disabled>
 </div>
 </div>
 </div>

What I have tried:

calculateDob(total){
this.birthDay = moment().subtract(total.name.years, 'years').subtract(total.name.months, 'months').subtract(total.name.days, 'days');
}

The html code I have written is wrong.

(change)="calculateDob($event.target.name.value).It shows error."

解决方案

event.target.name.value)"> <div class="form-group"> <label class="col-sm-3 control-label mandatory">Approx. Age</label> <div class="col-sm-3"> <input type="text" name='years' class="form-control" placeholder="Years" maxlength="3" formControlName="y"> </div> <div class="col-sm-3"> <input type="text" name='months' class="form-control" placeholder="Months" maxlength="2" formControlName="m"> </div> <div class="col-sm-3"> <input type="text" name='days' class="form-control" placeholder="Days" maxlength="2" formControlName="d"> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="col-sm-3 control-label"> Approx. Date Of Birth </label> <div class="col-sm-9"> <input type="date" class="form-control" formControlName="dateOfBirth" [(ngModel)]="birthDay" disabled> </div> </div> </div>

What I have tried:

calculateDob(total){
this.birthDay = moment().subtract(total.name.years, 'years').subtract(total.name.months, 'months').subtract(total.name.days, 'days');
}

The html code I have written is wrong.

(change)="calculateDob(

event.target.name.value).It shows error."

这篇关于我正在使用angular-2。我将通过使用单个函数来获取多个输入框的event.target.values。我也需要在ts文件中使用。请给出一个解决方案。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！