为从json获取的元素分配状态

Question

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

我的页面

的示例

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>

（click）=“删除（i）;”是辅助功能