以角度重复多维数组对象

时间:2015-04-20 15:04:13

标签: arrays angularjs multidimensional-array

我有一个如下所示的数组:

[Object{ 82893u82378237832={ id=8, no=1, type="event", name="Sample1"}}, Object{ 128129wq378237832={ id=9, no=1, type="event", name="Sample2"}} ]

现在忽略第一部分,它只是一个随机令牌,我想在其中获取数组。即 id 没有类型名称并在ng-repeat中显示它们,我该如何实现这一点?

这是我创建上述数组的方式:

var obj = {};
obj[data.responseData] = {
    id: 8,
    no: 1,
    type: 'event',
    name: ''
}

$scope.items.push(obj);

1 个答案:

答案 0 :(得分:1)

您的示例不包含数组。

无论如何,这是一个很好的例子。

使用map将数组转换为另一个数组,并以与我相似的方式使用ng-repeat。

HTML:

<div ng-app="app">
    <div ng-controller="ctrl"> 
        <div ng-repeat="item in myArr">
            {{item}}
        </div>
    </div>
</div>

JS:

angular.module('app', []).
controller('ctrl', function ($scope) {
    var arr = [{
        myId: '82893u82378237832',
        id: 8,
        no: 1,
        type: "event",
        name: "Sample1"
    }, {
        myId: '128129wq378237832',
        id: 9,
        no: 1,
        type: "event",
        name: "Sample2"
    }];

    // mapped the new object without myId
    $scope.myArr = arr.map(function (item) {
        return {
            id: item.id,
            no: item.no,
            type: item.type,
            name: item.name
        }
    });
});

JSFIDDLE