Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使单选按钮在角度方向上动态_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 如何使单选按钮在角度方向上动态

Javascript 如何使单选按钮在角度方向上动态,javascript,angular,typescript,Javascript,Angular,Typescript,代码如下: list.component.html 我想要的是当选择单选按钮时。它不应影响其他单选按钮。 问题是当我选择第一项/单选按钮时。 还有文本区域,当我单击项目中的failed all文本区域时,它将显示,它不应影响其他文本区域的显示 提前谢谢我想你忘了为每项任务的备注将单选按钮分组。 我可以看到你已经创建了组名为radiostatus的单选按钮,但是对于你所有的评论,组名保持不变,这不应该是这样。 您可以做的是将索引添加到for循环,然后动态地给出不同的 根据备注为不同的组命名 &l

代码如下:

list.component.html

我想要的是当选择单选按钮时。它不应影响其他单选按钮。 问题是当我选择第一项/单选按钮时。 还有文本区域,当我单击项目中的failed all文本区域时,它将显示,它不应影响其他文本区域的显示


提前谢谢

我想你忘了为每项任务的备注将单选按钮分组。 我可以看到你已经创建了组名为radiostatus的单选按钮,但是对于你所有的评论,组名保持不变,这不应该是这样。 您可以做的是将索引添加到for循环,然后动态地给出不同的 根据备注为不同的组命名

 <nz-form-item *ngFor="let remark of tasks; let i = index">
tasks = [
{
      "id": "ESOSA6aCrOER",
      "createdBy": "admin",
      "timeCreated": "2019-09-05 11:24:07",
      "updatedBy": "admin",
      "timeUpdated": "2019-09-05 11:24:07",
      "name": "Sample1",
      "description": "Desc1",
      "status": "ACTIVE",
      "type": "PM"
    },
    {
      "id": "1og6aSsrlG3nT",
      "createdBy": "admin",
      "timeCreated": "2019-09-05 11:31:18",
      "updatedBy": "admin",
      "timeUpdated": "2019-09-05 11:31:18",
      "name": "Sample2",
      "description": "DESC2",
      "status": "ACTIVE",
      "type": "PM"
    },
    {
      "id": "tbwndVAkYtql",
      "createdBy": "admin",
      "timeCreated": "2019-09-05 11:33:11",
      "updatedBy": "admin",
      "timeUpdated": "2019-09-05 11:33:11",
      "name": "SAMPLE4",
      "description": "DESC4",
      "status": "ACTIVE",
      "type": "PM"
    },
    {
      "id": "1cyNFwhR4cI9n",
      "createdBy": "admin",
      "timeCreated": "2019-09-05 11:56:12",
      "updatedBy": "admin",
      "timeUpdated": "2019-09-05 11:56:12",
      "name": "SAMPLE5",
      "description": "DESC5",
      "status": "ACTIVE",
      "type": "PM"
    },
    {
      "id": "1qJWWRwz2Q2fD",
      "createdBy": "admin",
      "timeCreated": "2019-11-28 15:51:02",
      "updatedBy": "admin",
      "timeUpdated": "2019-11-28 15:51:02",
      "name": "Task 0001",
      "description": "Task 0001 Description",
      "status": "ACTIVE",
      "type": "PM"
    },
]
 <nz-form-item *ngFor="let remark of tasks; let i = index">
[formControlName]="'radiostatus'+ i"