angularjs - 使用 ng-repeat 格式化表格以使单元格彼此相邻且具有不同的数据

Question

大家好，

我有一个应用程序，我必须能够使用 ng-repeat 来显示这样的数据：http: //jsfiddle.net/ZPHyx/

<table>
    <tbody>
        <tr>
            <td class="cell">Tom Hanks</td>
            <td>Tom Cruice</td>
        </tr>
        <tr>
            <td>Bruce Willis</td>
            <td>Leonardo DiCaprio</td>
        </tr>
        <tr>
            <td>Ellen Page</td>
            <td>&nbsp;</td>
        </tr>        
    </tbody>
</table>

所以，我有一个我希望能够以表格或类似形式呈现的东西的列表，以便两个项目彼此并排列出。每个项目都是相同的，当然它们中的数据不是......

有可能吗？怎么做？我尝试使用自定义过滤器，但它打印 html-tags 以及不将字符串/数据呈现为 html。

提前致谢！

编辑：

所以在普通的 Javascript 中，它会是这样的：

var str "";

for (var i = 0; ii < people.length; i = i + 2) {
    var person1 = people[ii];
    var person2 = people[ii + 1];

    str+= "<tr><td>" + person1.name + "</td><td>" + person2.name + "</td></tr>";
}

Answer 1

这是一个小提琴，它展示了如何严格使用 HTML 和 CSS 和无序列表来实现两列。从这里使用 ng-repeat 生成列表和显示应该很简单。

<ul ng-repeat="item in itemList">
    <li>{{item}}</li>
</ul>

我相信该链接使用 CSS3 来设置一些边距，但可以用 $index 和 ng-class 替换。