小编dpl*_*age的帖子

Angularjs:ng-repeat和ng-switch on tr标签

我正在尝试使用AngularJS创建一个事件列表表.但是每个事件都有一个类型,不同类型的事件具有截然不同的内容,有些类型也会生成多个行.

在一个完美的世界里,我会这样做:

<tbody>
  <ng-repeat="event in events">
    <ng-switch on="event.type">
      <ng-switch-when="type1">
        <tr>
          ...
        </tr>
        <tr>
          ...
        </tr>
      </ng-switch-when>
      <ng-switch-when="type2">
        <tr>
          ...
        </tr>
      </ng-switch-when>
      ...
    </ng-switch>
  </ng-repeat>
</tbody>
Run Code Online (Sandbox Code Playgroud)

但这不起作用,因为大多数浏览器会丢弃或重新定位ng标签以强制tbody只包含trs.

我见过的唯一解决相关问题的解决方案(如何使用没有html元素的ng-repeat)就是拥有多个tbody元素; 我宁愿不这样做,但即使我这样做,给tbody ng-repeat和ng-switch属性,我仍然有一个问题,我不能在一个ng-switch中包装多个trs-when .

有没有办法在AngularJS中做到这一点,还是这不可能?

javascript html-table angularjs ng-switch

9
推荐指数
1
解决办法
5285
查看次数

标签 统计

angularjs ×1

html-table ×1

javascript ×1

ng-switch ×1