html中的条件语句[重复]

Question

我有以下html代码片段：

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

我只想在$ctrl时显示图标和文本。电压存在（至少具有on字符）。

现在，即使没有字符串，它也会显示图标。

有什么办法吗？

Answer 1

我猜在你的控制器中，你有一个属性，比如：

$scope。voltage=“一些文本”；

然后您可以使用：

<i ng-if="voltage.length > 0"></i>

或：

<i ng-show="voltage.length > 0"></i>

Answer 2

您正在寻找ngIF：

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

只有当ngIf表达式的计算结果为“truthy”值时，上面的图标才会在DOM中呈现。

如果您仍然需要

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

供进一步阅读：

• ngif
• ngHide
• ngShow