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

发布时间：2020-12-17 09:03:04 所属栏目：安全来源：网络整理

导读：如果值为空,我需要在表单元格中显示不间断的空格.这是我的模板： td class="licnum"{{participant.LicenseNumber}}/td 我已经尝试过了,但它不起作用： td class="licnum"{{participant.LicenseNumber} || "$nbsp;"}/td 这是返回空值的问题：如果许可证编号

如果值为空,我需要在表单元格中显示不间断的空格.这是我的模板：

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!