Angularjs ng-repeat格式化为单元格

Question

我希望使用ng-repeat来实现这样的目标。使用<table>，但我卡住了。

instrument1 instrument4 instrument7 instrument10
instrument2 instrument5 instrument8 instrument11
instrument3 instrument6 instrument9 instrument12

这是我的代码..

    <table>
        <tr  class="instrument" ng-repeat="instrument in instrumentCodes">
            <td>
                <input
                    type="checkbox"
                    name="selectedInstruments[]"
                    value="{{instrument}}"
                    ng-checked="selection.indexOf(instrument) > -1"
                    ng-click="select(instrument)"
                > {{instrument}}
            </td>
        </tr>
    </table>

我想要这个：

<table>
    <tr>
        <td>instrument1</td>
        <td>instrument4</td>
        <td>instrument7</td>
        <td>instrument10</td>
    </tr>
      <tr>
        <td>instrument2</td>
        <td>instrument5</td>
        <td>instrument8</td>
        <td>instrument11</td>
    </tr>
    <tr>
        <td>instrument3</td>
        <td>instrument6</td>
        <td>instrument9</td>
        <td>instrument12</td>
    </tr>
</table>

非常感谢一些帮助！

由于

Answer 1

您可以尝试创建一个parnet div宽度，例如120px宽度，并将内容div添加到此宽度= 40px; 这样，你添加第4项，它就会被拆分到另一条线。

http://plnkr.co/edit/Xhv6lOeQKg1Q3AOFmltB?p=preview