如何在表格内的角度使用单选按钮列表

时间:2019-01-23 07:38:34

标签: angular radiobuttonlist

在我的angular 7项目中,我正在使用Bootstrap表,该表具有一个字段,我必须在其中选择yes或no。 还有一个下拉列表字段,可以正常工作。

下面是代码,到目前为止我已经

HTML代码

<table>
  <tr *ngFor="let log of logs">
   <td>
      <span *ngFor="let item of items">
          <input type="radio" name="fulfillment" 
           [(ngModel)]="selectedfulfillment"
           #fulfillment value="{{item.name}}" 
           (change)="onfulfillmentChange(selectedFulfillment)"/>
           {{item.name}}
     </span>
    </td>
   </tr>
 </table>

打字稿代码

items: any[] = [{
  id: 1,
  name: 'Yes'
  },
  {
  id: 2,
  name: 'No'
}];

 selectedFulfillment: any = this.items[0].name;
/* receiving logs from database */
 this.manageService.getLogs().subscribe(
     (result: any) => {
       this.logs = result;
          this.logs.forEach(element => { 

   /* assigning default value to every record in table*/
      if (element.fulfillment == null) {
        element.fulfillment = this.items[0].name;
      } 
    });
  });
  }

当我将radiobuttonlist替换为dropdownlist时,这实际上绝对好用,而在这段代码中,我只能检查整个表记录中的一个单选按钮,这里我想为每行/记录选择一个单选按钮。 我不确定我要去哪里哪里有任何帮助。 预先感谢。

0 个答案:

没有答案