0

こんにちは。

私は次のようなデータを表示するために 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>

そこで、2 つの項目が隣り合わせにリストされるように、表などで提示できるようにしたいもののリストがあります。もちろん、それらのデータがそうではないことを除いて、各アイテムは同一です...

それは可能ですか、それを行う方法は? カスタムフィルターを使用してみましたが、文字列/データをhtmlにレンダリングせずに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>";
}
4

1 に答える 1

0

これは、順序付けられていないリストで HTML と CSS を厳密に使用して 2 つの列を実現する方法を示すフィドルです。ここから、ng-repeat を使用してリストを生成して表示するのは簡単です。

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

リンクは CSS3 を使用してマージンの一部を設定していると思いますが、これは $index と ng-class に置き換えることができます。

于 2014-02-12T20:23:03.203 に答える