0

这是我第一次做这么复杂的事情。我有一个如下所示的表格。我想将Normaland绑定Overtime到组件属性HourlyDaysOfWork。例如，如果有人4.00在星期一正常字段中输入，则该值4.00应绑定到HourlyDaysOfWork > Monday > Normal

在此处输入图像描述

零件

HourlyDaysOfWork: any = [
    {Day: 'Monday', Normal: '', Overtime: ''},
    {Day: 'Tuesday', Normal: '', Overtime: ''},
    {Day: 'Wednesday', Normal: '', Overtime: ''},
    {Day: 'Thursday', Normal: '', Overtime: ''},
    {Day: 'Friday', Normal: '', Overtime: ''},
    {Day: 'Saturday', Normal: '', Overtime: ''},
    {Day: 'Sunday', Normal: '', Overtime: ''}
];

HTML

<p-table [value]="HourlyDaysOfWork" class="worker-interview-table" styleClass="service-data-table p-datatable-gridlines" responsiveLayout="scroll">
  <ng-template pTemplate="header">
    <tr>
        <th style="width:150px">Day</th>
        <th style="width:150px">Normal</th>
        <th style="width:150px">Overtime</th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-item>
    <tr class="item-{{item.Day}}">
      <td>{{item.Day}}</td>
      <td><input [ngModelOptions]="{standalone: true}" name="{{item.Normal}}" [(ngModel)]="item.Normal" name="Day" type="text" (keyup)="daysOfWork($event, item.Day, 'input')"/></td>
      <td>
        <select [ngModelOptions]="{standalone: true}" name="{{item.Overtime}}" [(ngModel)]="item.Overtime" name="Overtime">
          <option value="0">No</option>
          <option value="1">Yes</option>
        </select>
      </td>
    </tr>
  </ng-template>
</p-table>
4

0 回答 0