代码之家 › 专栏 › 技术社区 › Flo

带晶片的离子4型基团

directive data-binding ionic-framework angular

0

Flo · 技术社区 · 7 年前

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

名称:exampleChips

示例.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>

1 回复 | 直到 7 年前

1

0

Kilomat 7 年前

你需要在这里删除你的模型。我们不需要它。

<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>