Ionic 4 Form Group 带芯片答案

【问题标题】：Ionic 4 Form Group with ChipsIonic 4 Form Group 带芯片
【发布时间】：2019-02-27 16:22:01
【问题描述】：

我有一个离子应用程序，它应该有一个显示芯片列表的视图。应该有可能添加和删除筹码。因此，我想到了在列表和表单组上使用 2 向绑定来实现。这给了我错误。由于我对 ionic 还很陌生，因此我也对其他实现该想法的技术持开放态度。

未捕获（承诺中）：错误：没有用于表单控件的值访问器名称：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>

【问题讨论】：

标签： angular ionic-framework data-binding directive

【解决方案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>

【讨论】：