Question

我的代码很简单。我只想将John和Marie添加到我的桌子。效果很好，但我的问题是，如果没有John和Marie，我想创建一行并在我的td中显示-。

我怎么知道ng-repeat结束时是否没有添加任何行？

<tr class="text-center" ng-if="name == 'John' || name == 'Marie'" ng-repeat="name in vm.names track by $index">
  <td>{{name}}</td>
</tr>

Answer 1

使用ng-switch指令：

<tr class="text-center" ng-switch"name" ng-repeat="name in vm.names track by $index">
  <td ng-switch-when="John">{{name}}</td>
  <td ng-switch-when="Marie">{{name}}</td>
  <td ng-switch-when="Paul">{{name}}</td>
  <td ng-switch-default>-</td>
</tr>

Answer 2

您可以使用以下内容在控制器中映射原始对象：

this.names = this.names.map(name => { 
  name ? name : '-'; 
})

循环对象n HTML

2 个答案: