JSFiddle - React, Tailwind, and code Playground

by southerd

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div ng:app="app1">
<div ng:controller="Ctrl">
    <div class="row-fluid" ng:repeat="row in data | chunk:2">
        Static Text
    </div>
</div>
</div>

JavaScript

var chunkFilter, data = [
    {id: 1, name: "David"},
    {id: 2, name: "Dana"},
    {id: 3, name: "Jeffrey"}
];
/*

<div class="btn span6" ng:repeat="user in row">
            {{user.name}}
        </div>
*/
function Ctrl($scope) {
    $scope.data = data;
}
debugger;
chunkFilter = function () {
    return function(list, chunks) {
        var id = 0;
        var hashKey = function(){
            return "chunk_" + (id++);
        };
        var chunked;
        if (!(list instanceof Array)) {
            return list;
        }
        chunks = chunks || 2;
        chunked = [];
        for (var i = 0, to$ = list.length; i < to$; i += chunks) {
            row = list.slice(i, i + chunks);
            row.$$haskKey = hashKey();
            chunked.push(row);
        }
        return chunked;
    };
};
angular.module("app1", []).filter("chunk", chunkFilter);