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

Question

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

Answer 1

ng-repeat 已经为你处理好了。ng-repeat 仅在有项目时将 html 放在那里。

或者，如果您甚至不希望 table 元素存在（甚至不会弄乱计算！）您可以执行以下操作：

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

希望这可以帮助。

Answer 2

检查 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 { 显示：无 }

谢谢阿马杜