如何在angular4中获取多个输入字段的值？
如何在angular4中获取多个输入字段的值？
提问于 2018-07-13 21:42:32
我已经在mat-table中定义了输入字段。我想在单击Next按钮时访问component.ts文件中的这些值。我已经有了一个单击按钮的方法，但想不出一种方法来访问输入值。我还尝试指定name属性，但对于每个输入标记都是相同的。
HTML代码：
<ng-container matColumnDef="npm">
<mat-header-cell *matHeaderCellDef fxFlex = "15" style="margin-left: 1%;padding-left: 1%;">NPM</mat-header-cell>
<mat-cell *matCellDef="let row" fxFlex = "15">
<span style ="white-space: nowrap">
<input decimal = "true" value= '{{this.selectedAccount.occupancy.npm}}' style ="display:inline-block; width:55%" #npmValueEntered required>
</span>
</mat-cell>
</ng-container>
<button mat-button [disabled] = "stepTwoFormGroup.invalid || overPercentage || disabledButtons" (click)="submit(stepper)" >Next</button>回答 1
Stack Overflow用户
发布于 2018-07-14 05:11:28
还不清楚您需要如何访问这些值。但一个简单的解决方案是使用ngModel将输入绑定到数据，而不是从数据中初始化值：
<ng-container matColumnDef="npm">
<mat-header-cell *matHeaderCellDef fxFlex = "15" style="margin-left: 1%;padding-left: 1%;">NPM</mat-header-cell>
<mat-cell *matCellDef="let row" fxFlex = "15">
<span style ="white-space: nowrap">
<input decimal = "true" [(ngModel)]='this.selectedAccount.occupancy.npm' style ="display:inline-block; width:55%" #npmValueEntered required>
</span>
</mat-cell>
</ng-container>然后，您的submit函数可以通过this.selectedAccount.occupancy.npm访问该值。
但是，如果您需要的话，使用注释中建议的表单可能会给您更好的控制。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51326576
复制相关文章
相似问题