Angular 2 标记 - 如果字符串为空,则显示其他内容

Posted

技术标签:

【中文标题】Angular 2 标记 - 如果字符串为空,则显示其他内容【英文标题】:Angular 2 Markup - If String is Empty display something else 【发布时间】:2017-02-23 01:49:02 【问题描述】:

所以在 AngularJS 中有一种方法,在标记中,可以将数据绑定到这样的字符串:

myString | 'N/A'

这样做的目的是,在一次快速滑动中,如果字符串不为空,则显示该字符串。如果它是空的,它将在管道后面显示文本。

现在我正在使用 Angular 2,我正在尝试做同样的事情,但我似乎找不到这样做的语法。有没有人尝试过这样做?如果是这样,我怎样才能做到这一点而不必在组件级别进行。

谢谢

【问题讨论】:

【参考方案1】:

单管 Bitwise OR 在 Angular 2 中被视为 Pipe,它在 | 符号之后查找名称为过滤器。您应该使用|| 而不是|(单管)。

myString || 'N/A'

【讨论】:

以上是关于Angular 2 标记 - 如果字符串为空,则显示其他内容的主要内容,如果未能解决你的问题,请参考以下文章

Angular 2 组件显示问题高度宽度为空

尽管 Angular 中的表单已重置,但输入字段仍标记为红色

怎样把一条SQL语句查询出的结果集中的空值替换成0

Oracle 12 XMLElement:如果 value_expr 为空,则无标记

Angular js - 如果 ng-repeat 为空则显示消息

在 Angular 中首次渲染时,路由查询参数为空