angularjs – 当值为空时如何隐藏标签文本？

发布时间：2020-12-17 07:41:02 所属栏目：安全来源：网络整理

导读：在表单元格中,我列出了使用ng-repeat填充的几个项目,使用下面的结构.但是,对于某些条目,诸如“user.favcolor”之类的属性是空白的.在这种情况下,最简单的方法是隐藏“喜欢的颜色：”这样的文字,这样我就不会得到一个“喜欢的颜色：”和没有价值的行？ table

在表单元格中,我列出了使用ng-repeat填充的几个项目,使用下面的结构.但是,对于某些条目,诸如“user.favcolor”之类的属性是空白的.在这种情况下,最简单的方法是隐藏“喜欢的颜色：”这样的文字,这样我就不会得到一个“喜欢的颜色：”和没有价值的行？

<table>
            <thead>
                <tr>
                    <th>Price</th>
                    <th>Plan Contents</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="tip in tips">
                    <td>{{tip.priceMonthly}}</td>
                    <td><span>Name: {{user.name}}</span>
                        <span>ID: {{user.id}}</span>
                        <span>Favorite color: {{user.favcolor}}</span>
                    </td>
                </tr>
            </tbody>
        </table>

您可以使用 ng-show指令：

<span ng-show="user.favcolor">Favorite color: {{user.favcolor}}</span>

ng-show工作,使得仅当表达式的计算结果为true时才显示该元素.这里的一个空字符串将评估为假隐藏整个元素.

或者,您也可以指定默认值：

<span>Favorite color: {{user.favcolor || "Not specified" }}</span>

在这种情况下,如果user.favcolor计算结果为false,那么将打印未指定.

（编辑：李大同）

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