嵌套 *ng用于转发不正确的索引。

我在我的 *ngFor. 基本上,下面数组中的最后一个索引是不正确的。例如 option 2 返回的是索引1和0,而它应该是0和1,数组中的其他对象都能正常返回。这只是每个数组中的最后一个对象。在这个例子中,问题出在 option 2option c

这里是阵列

[
  {
    "corporateId": "be67e184-a663-439c-b841-c14a734011eb",
    "selectedMAP": [
      {
        "mapId": 81,
        "mapName": "prov 1",
        "active": true,
        "options": [
          {
            "optionId": 123,
            "optionName": "option 1",
            "memberAmount": 1000,
            "adultDependantAmount": 500,
            "childDependantAmount": 500,
            "active": true
          },
          {
            "optionId": 124,
            "optionName": "option 2",
            "memberAmount": 2000,
            "adultDependantAmount": 1500,
            "childDependantAmount": 500,
            "active": true
          }
        ]
      },
      {
        "mapId": 82,
        "mapName": "Prov 2",
        "active": true,
        "options": [
          {
            "optionId": 125,
            "optionName": "option a",
            "memberAmount": 500,
            "adultDependantAmount": 250,
            "childDependantAmount": 250,
            "active": true
          },
          {
            "optionId": 126,
            "optionName": "option b",
            "memberAmount": 1000,
            "adultDependantAmount": 500,
            "childDependantAmount": 500,
            "active": true
          },
          {
            "optionId": 127,
            "optionName": "option c",
            "memberAmount": 2000,
            "adultDependantAmount": 1000,
            "childDependantAmount": 1000,
            "active": true
          }
        ]
      }
    ]
  }
]

超文本标记语言

<div id="medicalCard" class="card mb-4 medicalCard" *ngFor="let provider of companyMedicalAidProvider[0].selectedMAP; let i = index;">
    <button class="close float-right" (click)="removeMedicalProvider(i)">X</button>
    <div class="card-body">
        <h4>Company medical aid provider</h4>
        <div class="row">
            <div class="col-12">
                <div class="input-container">
                    <label for="provider">Provider</label>
                    <input id="provider" [(ngModel)]="companyMedicalAidProvider[0].selectedMAP[i].mapName" type="text">
                </div>
            </div>
        </div>
        <h4>Available option</h4>
        <div id="option" class="row option" *ngFor="let providerOptions of companyMedicalAidProvider[0].selectedMAP[i].options; let j = index;">
            <div class="col-7">
                <div class="input-container">
                    <label for="provider">Option name</label>
                    <input id="provider" [(ngModel)]="companyMedicalAidProvider[0].selectedMAP[i].options[j].optionName" type="text">
                </div>
                <div class="input-container">
                    <label for="provider">Member amount</label>
                    <input id="provider" [(ngModel)]="companyMedicalAidProvider[0].selectedMAP[i].options[j].memberAmount" type="number" placeholder="R"><span><button class="close ml-1"
                (click)="removeOption(j,i)">X</button></span>
                </div>
            </div>
        </div>
    </div>
</div>

当我点击了 “我 “字样的时候,我得到了索引。removeOption(j,i) 按钮。

TS

removeOption(index: number, indexOption: number) {
  console.log(index, indexOption);
}

有什么想法,为什么会发生这种情况?

解决方案:

看起来应该是

(click)="removeOption(i,j)"

给TA打赏
共{{data.count}}人
人已打赏
未分类

如何在python中使用len()在字典列表中以10为单位进行复数。

2022-9-13 2:34:21

未分类

单元测试失败: mockS3FileRead NullPointerException

2022-9-13 2:34:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索