试图更好地理解 ng-if

Question

如果你看看我下面的小代码 sn-p，我想要做的应该很明显......不是每条记录都有 this 字段，等等我不想隐藏它和标签。我这里的东西没有用。

        <table id="tablepress-1" class="tablepress tablepress-id-1" ng-repeat="agent in vm.agents | orderBy: 'id'" border="0">
        <tbody class="row-hover">
            <tr class="row-1 odd">
                <td class="column-1"><a href="http://larosacre.com/?page_id=1121"><img src="images\{{agent.image}}" alt="" class="aligncenter size-thumbnail wp-image-1116" data-recalc-dims="1" /></a></td>
                <td class="column-2">
                    {{agent.name}}<br />
                    Phone: {{agent.phone}}<br />
                    <p ng-if="{{agent.email}} != ''">E-Mail: {{agent.email}}</p><br />
                    {{agent.bio}}
                </td>
            </tr>
        </tbody>
    </table>

我应该如何处理这个问题？

谢谢，

新手

Answer 1

赋予 ngIf 指令的内容将通过在当前范围内进行评估来解释。也就是说，您确实不需要（实际上，您不必）在此处使用{{...}} 标记。

也就是说，只需使用：

<p ng-if="agent.email != ''">E-Mail: {{agent.email}}</p>

...会创造奇迹。虽然，因为，当agent.email != '' 时，基本上，agent.email 是 truth-y，如果它是 @987654327，则仅在 布尔上下文 中评估为 false @ 或空（或 0，但我相信这不会发生在你的情况下）。

我想说的是，只需使用：

<p ng-if="agent.email">E-Mail: {{agent.email}}</p>

...你可以开始了！