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

标签 angular data-binding operators

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

{{myString | 'N/A'}}

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

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

谢谢

最佳答案

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

{{myString || 'N/A'}}

关于Angular 2 标记 - 如果字符串为空,则显示其他内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40029438/

相关文章:

angular - 在 Angular 7 中使用 moment 时出现错误 :TypeError: moment is not a function

javascript - Angular 2 - 更新隐藏表单字段,然后发布到外部页面

html - 在这种情况下,checkbox value = '1' 不起作用的是什么?

rest - 发布到 Restful 服务器时的 Angular.js 动态绑定(bind)

c++ - 运算符重载的基本规则和惯用法是什么?

嵌套服务中的 Angular 嵌套可观察对象 - 如何

angular - 在 Angular 区域之外运行 ngrx/effect 以防止 Protractor 超时

c# - ContentControl 上的双向绑定(bind)

javascript - 为什么表达式 new Date().getTime() 中的运算符严格按照从左到右的顺序应用?

powershell -and 运算符与测试路径语法错误