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

带晶片的离子4型基团

directive data-binding ionic-framework angular

Flo · 技术社区 · 6 年前

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

名称: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 回复 | 直到 6 年前

Kilomat 6 年前

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

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

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

Jihed Ben Zarb · 造型角材料日期选择器

5 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

5 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

5 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

5 月前

Jace Johnson · Typescript文件读取的变量类型错误

5 月前

Ole · Angular资源API是否支持为资源添加初始值?

5 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

5 月前