使用 Angular.js 创建表

我正在尝试使用 Angular.js 创建一个表，该表的单元格跨越多行。

Example:

http://jsfiddle.net/famedriver/kDrc6/ http://jsfiddle.net/famedriver/kDrc6/

示例数据

var data = [{Colors: ["red","green","blue"]}]

预期产出

<table>
  <tr>
    <td rowspan="3">Colors</td>
    <td>red</td>
  </tr>
  <tr>
     <td>green</td>
  </tr>
  <tr>
     <td>blue</td>
  </tr>
 </table>

我通过使用它来工作ng-show指示。但这仍然会呈现一个额外的单元格，只是隐藏起来。正确呈现表格将是理想的。

ng-switch如上所述，在严格解析的某些元素中不起作用（即：只允许某些标签的表）

有什么建议吗？

通常你可以使用NG开关 http://docs.angularjs.org/api/ng.directive:ngSwitch对于这样的东西，它有条件地从 DOM 中添加/删除内容，这与 ng-show/ng-hide 不同，ng-show/ng-hide 只是隐藏/显示内容。

但是 ng-switch 不能很好地处理表，因为它需要额外的 switch 语句元素。

幸运的是，有人制定了一个名为'if' https://github.com/tigbro/jquery-mobile-angular-adapter/blob/master/src/main/webapp/utils/if.js它只获取元素上的一个属性，并有条件地从 DOM 中添加/删除它。这是天才:-)。

这是一个示例（查看侧面的“资源”面板，我从 github 中包含了它）。http://jsfiddle.net/5zZ7e/ http://jsfiddle.net/5zZ7e/.

我还展示了如何制作没有全局变量的控制器。