javascript - 此模型中的 AngularJS ng-repeat

标签 javascript angularjs angularjs-scope angularjs-ng-repeat

我想知道是否可以在如下所示的模型中使用 ng-repeat:

示例模型:

$scope.items = {
   item1:{[1,2,3,4,5]},
   item2:{[a,b,c,d,e]},
   item3:{[a1,b2,c3,d4,e5]}
};

表格应该像这样使用 ng-repeat:

-------------------------
| Item1 | Item2 | Item3 |
-------------------------
|   1   |   a   |   a1  |
|   2   |   b   |   b2  |
|   3   |   c   |   c3  |
|   4   |   d   |   d4  |
|   5   |   e   |   e5  |
-------------------------

如果无法使用此模型,您能否提出一些替代方案?任何帮助将不胜感激。提前致谢。

最佳答案

你可以像这样改变数据模型

function Ctrl($scope) {
    $scope.items = [{
        item1: 1,
        item2: 'a',
        item3: 'a1'
    }, {
        item1: 2,
        item2: 'b',
        item3: 'b2'
    }, {
        item1: 3,
        item2: 'c',
        item3: 'c3'
    }, ...];
}

<div ng-app ng-controller="Ctrl">
    <table>
        <tbody>
            <th>item1</th>
            <th>item2</th>
            <th>item3</th>
            <tr ng-repeat="item in items">{{item}}
                <td>{{item.item1}}</td>
                <td>{{item.item2}}</td>
                <td>{{item.item3}}</td>
            </tr>
        </tbody>
    </table>
</div>

DEMO

关于javascript - 此模型中的 AngularJS ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18327348/

相关文章:

javascript - 刷新时,数组中新添加的元素将从数组列表本身中删除

javascript - 更改 AngularJS UI-Router 中的导航状态

javascript - AgGrid 自定义时间过滤器

javascript - Controller 连接到指令进行验证

javascript - 如何访问从父指令传递但在 Controller 中定义的子指令中的函数?

javascript - 根据 php 响应更改 href

javascript - UnhandledPromiseRejectionWarning: MongoError: Invalid $addFields::由::必须指定body函数

javascript - 在 javascript 中的元素中添加/删除类名之间切换

使用 Protractor 进行 AngularJS 指令测试

angularjs - 对当前范围之外的元素使用 $setValidity