javascript - 使用 Angular.js 创建表

Question

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

例子:

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，如前所述，在严格解析的某些元素中不起作用(即:只允许某些标记的表)

有什么建议吗？

Answer 1

通常你可以使用ng-switch对于像这样的东西，它有条件地从 DOM 添加/删除东西，不像 ng-show/ng-hide 只是隐藏/显示东西。

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

幸运的是，有人制定了一个名为 'if' 的指令它只接受一个元素的一个属性，并有条件地从 DOM 中添加/删除它。这是天才 :-)。

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

我还展示了如何在没有全局变量的情况下制作 Controller 。