ng-repeat索引到数组

Question

我有一个angularjs应用程序,通过ajax流数据,我想重复数据.我有数据流和显示但现在我想模板化对象.我遇到的问题是我使用ng-repeat简单地索引到控制器中的数组.我现在需要一个

    <div class="row" data-ng-repeat="row in rows">
        <div class="span3" data-ng-repeat="col in cols">
            //displays the raw json fine
            {{ data[$parent.$index * numColumns + $index] }}                           
            // also displays the raw json
            {{ item = data[$parent.$index * numColumns + $index] }}                           
            <div>Id: {{item.Id}} </div>
            <div>Title: {{ item.ClientJobTitle }}</div>
            ...
        </div>
    </div>

我总是可以为每个属性重复数组索引表达式,但是会有几十个属性,所以代码会很难看,所有重复的计算都会减慢速度.

这样做的正确(有角度)方法是什么？

更新 我需要它也是响应,我将根据窗口宽度动态调整列数.

更新 我想我真正想要的是类似下面的非工作示例

     <div class="row" data-ng-repeat="row in rows">
        <div class="span3" data-ng-repeat="col in cols">
            <div ng-model="data[$parent.$index * numColumns + $index]">
                <!-- Here $model would refer to the ng-model above -->
                <div>Id: {{$model.Id}} </div>
                <div>Title: {{ $model.Title }}</div>
                ...
            </div>
        </div>
    </div>

Answer 1

我认为执行此操作的方法是简单地循环遍历项目本身，并放弃所有 numRows 和 numColumns。

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

这就是用更简单的 angularjs 代码输出你正在做的事情。

您似乎正在使用行/列计数来限制水平显示在一行上的项目数。我认为你可以用纯 css 来处理这个问题，你可以在我的 plunk 中看到我限制了父容器的宽度。我正在手动执行此操作，但您可以轻松地将动态 css 类附加到父容器，并更灵活地控制一行中显示的项目数。