如何在AngularJS视图中实现条件逻辑

时间:2012-08-01 11:11:14

标签: mvvm angularjs

我有一个带物品的控制器。假设我想在表格中显示项目,如果有任何项目。如何在“视图”中实现这样的逻辑?

2 个答案:

答案 0 :(得分:7)

ng-repeat已经为你照顾好了。如果有项目,ng-repeat只会放入html。

或者,如果您甚至不希望表格元素存在(甚至不计算计算!),您可以执行以下操作:

<table class="table" ng-show="items.length">
<tr ng-repeat="item in items">
<td>{{item}}</td>
</tr>
</table>

希望这有帮助。

答案 1 :(得分:0)

检查 http://www.codinginsight.com/angularjs-if-else-statement/

臭名昭着的angularjs if else声明!!!当我开始使用Angularjs时,我有点惊讶于我找不到if / else语句。

所以我正在研究一个项目,我注意到在使用if / else语句时,条件会在加载时显示。 您可以使用ng-cloak来解决此问题。

<div class="ng-cloak">
 <p ng-show="statement">Show this line</span>
 <p ng-hide="statement">Show this line instead</span>
</div>

.ng-cloak {display:none}

谢谢amadou