时间戳

首页 > 解决方案 > 将状态分配给从 json 中获取的元素

javascript - 将状态分配给从 json 中获取的元素

问题描述

我正在做一个在线书店项目，您还可以在其中将一本书标记为已预订。因此，我想为“标记为已预订”按钮分配一个功能，一旦按下此按钮，该项目将必须预订参数并从页面中消失并转到“预订书”页面。我从本地 json 获取的数据，我不知道如何分配参数“已预订”，如果他有此参数，则使项目消失。

我的页面示例在此处输入图像描述

html代码：

    <ion-content padding>
      <ion-grid>
        <ion-row>
            <ion-col *ngFor="let libro of libri; let i =index;" >
              <div>
                <ion-card-header><h1>{{libro.title}}</h1></ion-card-header>
                <ion-card-header (ngModelChange)="setYear($event)"><h3 >Autore:{{libro.author}}</h3></ion-card-header>
                <ion-card-header><h4>Anno:{{libro.year}}</h4></ion-card-header>
                <div id="immagine">
                  <img src="../assets/{{libro.imageLink}}">
              </div>
                <button ion-button (click)="modificaItem(libro)" color="">Modify</button>
                <button ion-button (click)="remove(i);" color="danger" >Mark as booked</button>
                <button ion-button color="{{libro.prenotato ? 'danger' : 'secondary'}}">Status</button>
              </div>

            </ion-col>
        </ion-row>
    </ion-grid> 

    </ion-content>

(点击)="删除(i);" 是一个预备函数

标签： javascriptarraysjsonangularionic-framework

解决方案

推荐阅读