如果其他条件在带有“或”的角度html标签中

时间:2018-06-21 09:16:25

标签: html angular if-statement ionic3

我必须显示html中的元素数量 我希望它在n> 1或n = 0时显示“ n个学生参加” 并且只有一名学生参加了该课程”(n = 1)。 所以我在html中创建了这个

<a href="#"><h6>
    <strong>{{group.students.length}}
      {{group?.students?.length > 1 ? "Students attended" :
      "student attended" }}</strong></h6></a>

工作正常。但是当我尝试条件时,n = 0像这样:

<a href="#">
 <h6>
   <strong>{{group.students.length}}
  {{(group?.students?.length > 1 || group?.students?.length == 0 ) ? "Students attended" :
  "student attended" }}</strong>
 </h6>
</a>

这不起作用。如何在if条件中添加“或”?

也许对某些人来说似乎很明显,但是我对ionic 3完全陌生,所以很抱歉这是一个愚蠢的问题。

谢谢。

1 个答案:

答案 0 :(得分:1)

您仅需使用一个条件即可直接实现这一目标,即分组?学生?.length == 1,因为在所有其他情况下,您都希望n个学生参加。

所以您的更新代码将是:

<a href="#">
 <h6>
   <strong>
     {{group.students.length}}
     {{group?.students?.length == 1  ? "student attended" : "Students attended" }}
</strong>
 </h6>
</a>