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

凯奥·恩里克

我想显示这个跨度

<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[hidden]但没有成功。

萨克沙姆

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

  1. 通过使用ngIf结构指令。仅当您的绑定条件不会经常更改时才建议使用。据我了解,您的情况可能是

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

仅当我的 if/else 语句为真时,如何才能显示图像?

来自分类Dev

仅当2个条件为真时才显示字段?

来自分类Dev

仅当条件为真时如何创建 HTML

来自分类Dev

在某些条件为真时显示UITabBar

来自分类Dev

仅在条件为真时如何返回?

来自分类Dev

仅当条件为真时才如何添加到选项哈希?

来自分类Dev

仅当条件为真时,如何使用 $filter(aggregation) 来选择数组的某些字段?

来自分类Dev

仅当布尔值为真时显示

来自分类Dev

如何将一个观测值与先前的观测值相乘,但仅当某个条件为真时

来自分类Dev

ReactJS仅在条件为真时如何获取?

来自分类Dev

仅当某些条件为真时,才通过绑定将TextBlock设为粗体

来自分类Dev

在条件为真时保持选项禁用

来自分类Dev

条件为真时退出内部循环

来自分类Dev

在条件为真时保持选项禁用

来自分类Dev

当条件为真时链承诺

来自分类Dev

ifelse 在条件为真时返回 NA

来自分类Dev

当条件为真时 Ansible 跳过

来自分类Dev

当 th:if 的条件为真时,百里香叶块不显示

来自分类Dev

仅当连接了第二台显示器时,如何才能显示gnome面板?

来自分类Dev

仅当大熊猫中的任何一行为真时,如何获取行?

来自分类Dev

仅当大熊猫中的任何一行为真时,如何获取行?

来自分类Dev

当循环为真时,如何仅添加到总数中?

来自分类Dev

如何在使用自动生成的列真时在GridView中仅动态显示日期部分

来自分类Dev

Java如何检查哪个条件为真

来自分类Dev

如果ERB中的条件为真,如何不显示HTML和CSS

来自分类Dev

仅当满足特定条件时,如何才能通过现场工作进行订购?

来自分类Dev

仅当满足特定条件时,如何才能通过现场工作进行订购?

来自分类Dev

Notepad ++-如何在条件为真时替换1个字符

来自分类Dev

条件为真时如何停止和恢复正在运行的程序

Related 相关文章

  1. 1

    仅当我的 if/else 语句为真时,如何才能显示图像?

  2. 2

    仅当2个条件为真时才显示字段?

  3. 3

    仅当条件为真时如何创建 HTML

  4. 4

    在某些条件为真时显示UITabBar

  5. 5

    仅在条件为真时如何返回?

  6. 6

    仅当条件为真时才如何添加到选项哈希?

  7. 7

    仅当条件为真时,如何使用 $filter(aggregation) 来选择数组的某些字段?

  8. 8

    仅当布尔值为真时显示

  9. 9

    如何将一个观测值与先前的观测值相乘,但仅当某个条件为真时

  10. 10

    ReactJS仅在条件为真时如何获取?

  11. 11

    仅当某些条件为真时,才通过绑定将TextBlock设为粗体

  12. 12

    在条件为真时保持选项禁用

  13. 13

    条件为真时退出内部循环

  14. 14

    在条件为真时保持选项禁用

  15. 15

    当条件为真时链承诺

  16. 16

    ifelse 在条件为真时返回 NA

  17. 17

    当条件为真时 Ansible 跳过

  18. 18

    当 th:if 的条件为真时,百里香叶块不显示

  19. 19

    仅当连接了第二台显示器时,如何才能显示gnome面板?

  20. 20

    仅当大熊猫中的任何一行为真时,如何获取行?

  21. 21

    仅当大熊猫中的任何一行为真时,如何获取行?

  22. 22

    当循环为真时,如何仅添加到总数中?

  23. 23

    如何在使用自动生成的列真时在GridView中仅动态显示日期部分

  24. 24

    Java如何检查哪个条件为真

  25. 25

    如果ERB中的条件为真,如何不显示HTML和CSS

  26. 26

    仅当满足特定条件时,如何才能通过现场工作进行订购?

  27. 27

    仅当满足特定条件时,如何才能通过现场工作进行订购?

  28. 28

    Notepad ++-如何在条件为真时替换1个字符

  29. 29

    条件为真时如何停止和恢复正在运行的程序

热门标签

归档