可选地在 angular 表达式的末尾添加文本

Question

我有一个从控制器中提取数据的表达式，即一本书的页数。

如果数据存在，我想打印"X pages"，其中X是值。否则，我希望 HTML 段落为空白。

但是，我的语法不正确。下面，它总是打印出“页面”，即使是空白。如何设置我的表情？

  <p>{{reviewFormCtrl.book.numPages + ' pages' || "" }}</p>

我尝试在表达式中使用三元运算符，但没有 lukc

 <p>{{(reviewFormCtrl.book.numPages > 0)?{{reviewFormCtrl.book.numPages + ' pages' :"" }}</p>

Answer 1

尝试

<p ng-if="reviewFormCtrl.book.numPages">{{ reviewFormCtrl.book.numPages }} pages</p>

Answer 2

您必须使用以下 code 来实现您想要的：

<p>{{ reviewFormCtrl.book.numPages ? reviewFormCtrl.book.numPages + ' pages' : "" }}</p>

optionall adding text at the end of an angular expression