Question

我有一个离子应用程序，该应用程序应该具有显示芯片列表的视图。应该有可能添加芯片并删除它们。因此，我想到了在列表和表单组上进行2向绑定的方法。这给了我错误。由于我对离子技术还很陌生，因此我也乐于接受其他实现该想法的技术。

未捕获（承诺）：错误：没有用于窗体控制的值访问器名称：exampleChips

example.page.ts

<ion-card class="form-group">
      <ion-card-content>
        <ion-list >
          <ion-chip class="form-control" name="exampleChips" id="exampleChips" [(ngModel)]="exampleModel.exampleChips" *ngFor="let example of exampleModel.exampleChips">
            <ion-label>{{example}}</ion-label>
          </ion-chip>
        </ion-list>
      </ion-card-content>
    </ion-card>

Answer 1

您需要在此处删除ngModel。我们不需要它。

<ion-card class="form-group">
  <ion-card-content>
    <ion-list >
      <ion-chip class="form-control" name="exampleChips" id="exampleChips" *ngFor="let example of exampleModel.exampleChips">
        <ion-label>{{example}}</ion-label>
      </ion-chip>
    </ion-list>
  </ion-card-content>
</ion-card>

离子4芯片组

1 个答案: