angularjs – 角度显示,如果值为空

前端之家收集整理的这篇文章主要介绍了angularjs – 角度显示,如果值为空前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果值为空,我需要在表单元格中显示不间断的空格.这是我的模板:
<td class="licnum">{{participant.LicenseNumber}}</td>

我已经尝试过了,但它不起作用:

<td class="licnum">{{participant.LicenseNumber} || "$nbsp;"}</td>

这是返回空值的问题:

如果许可证编号以空值结尾,则单元格为空,行着色如下所示.

使用lucuma的建议显示

更改过滤器中的if语句后,仍然不显示非空值:

你应该工作什么你缺少一个关闭},并且在表达式的中间需要删除一个.

这是一个演示,显示您的解决方案工作和ng-if. http://plnkr.co/edit/UR7cLbi6GeqVYZOauAHZ?p=info

过滤器可能是要走的路线,但您可以使用简单的ng-if或ng显示(在td或甚至跨度上)进行操作:

<td class="licnum" ng-if="participant.LicenseNumber">{{participant.LicenseNumber}}</td>
<td class="licnum" ng-if="!participant.LicenseNumber">&nbsp;</td>

要么

<td class="licnum"><span ng-if="participant.LicenseNumber">{{participant.LicenseNumber}}</span><span ng-if="!participant.LicenseNumber">&nbsp;</span></td>

我正在提供这个替代解决方案,不需要向控制器/过滤器添加代码.

你可以阅读一下这个方法if else statement in AngularJS templates

原文链接:https://www.f2er.com/angularjs/140857.html

猜你在找的Angularjs相关文章