我有这个输入是从列列中动态创建的,现在我需要在某些方法出现时获取所有输入值(想象getAllValues())
<div *ngFor="let cell of column; let i = index;">
<!-- Material design input-->
<md-input type="{{cell.type}}"
value="{{getInputValue(cell)}}"
[placeholder]="cell.label">
</md-input>
</div>
解决方法
最简单的方法是使用ngForm
<form #myForm="ngForm">
<div *ngFor="let cell of column; let i = index;">
<md-input [type]="cell.type"
[name]="cell.name" <!-- Note the 'name' has to be set -->
[ngModel]="cell.value"
[placeholder]="cell.label"></md-input>
</div>
<a (click)="getAllValues(myForm)">print values</a>
</form>
然后,您将可以访问getAllValues()函数中的myForm.form.value对象.
Plnkr：https://plnkr.co/edit/84mzcNJliMmvszPq3xMm?p=preview
