关于Javascript：条件语句

Conditional statement inside html

本问题已经有最佳答案，请猛点这里访问。

我有这个HTML代码段：

1
2
3
4
5

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

</p>

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

现在，即使没有字符串，它也会显示图标，不管是什么。

有什么办法吗？

相关讨论

你在找ngIf：

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

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

如果您仍然希望存在于dom中，但使用css隐藏，则可以使用ngHide和ngShow，如下所示：

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

进一步阅读：

我想在你的控制器里你有一个财产，比如：

$scope.voltage="一些文本"；

然后您可以使用：

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

或：

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