仅当条件为真时才如何显示此跨度?

时间:2019-04-19 13:16:52

标签: angular api

我要显示此跨度

 ,CASE WHEN ENDDATE >
LEAD(STARTDATE) OVER (PARTITION BY ID ORDER BY STARTDATE) 
THEN MIN(ENDDATE) OVER (PARTITION BY ID) - interval '1' day
ELSE ENDATE
END END_DT2

仅在此条件为真

<span class="badge badge-danger">RARE</span>

我尝试使用 listComics() { this.comicsService.getComics().subscribe( comicsList => { this.comics = comicsList.data.results; this.rareComic = comicsList.data.results[Math.floor(Math.random() * this.comics.length)]; for(var i = 0; i < this.comics.length; i++){ if(this.comics[i] == this.rareComic){ console.log(this.comics[i]) console.log(this.rareComic) //Both are the same } } }); } *ngIf,但没有成功。

1 个答案:

答案 0 :(得分:3)

有2种方法可以显示或隐藏角度元素

  1. 通过使用ngIf结构指令。仅当您的约束条件不会经常变化时才建议使用。据我了解,您的病情可能是

    *ngIf="rareComic == comic"
    
  2. 类绑定。用它来为元素添加或删除类

    [class.active]="rareComic == comic"
    

活动类将具有显示项目的样式。当用户将在页面上进行交互并且预计元素的可见性将切换

时,请使用此选项