html中的条件语句

武士杰克

我有这个 html 片段:

<div class="principal-page">
    <p class="main-chart" 
        ...
        <i class="fa fa-bolt"></i> {{$ctrl.voltage}}
    </p>
</div>

我只想在存在时显示图标和文本$ctrl.voltage(至少有字符)。

现在,即使没有字符串,它也无论如何都会显示图标。

有什么想法可以做到这一点吗?

克里斯蒂安·桑托斯

您正在寻找ngIf

<i ng-if="$ctrl.voltage"></i>

如果ngIf表达式的计算结果为“真实”值,则上面的图标只会在 DOM 中呈现

如果您仍然希望<i>存在于 DOM 中但被 CSS 隐藏,您可以使用ngHidengShow像这样:

<i ng-hide="!$ctrl.voltage"></i>
<i ng-show="$ctrl.voltage"></i>

进一步阅读:

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章