Question

我有以下格式的数据，

$scope.myStudentData = {"Moroni":{"id":"1","grade":"A"},"Tiancum":{"id":"2","grade":"B"}}

但网格的预期是，

$scope.myGridOptions = [{"details":"id", "Moroni":"1", "Tiancum":"2"},{"details":"grade", "Moroni":"A", "Tiancum":"B"}];

这是因为ng-grid-options需要行。有没有办法我们可以按列格式制作网格？注意：我想在某些派生字段之间使用角度双向绑定，因此不会将数据转换为网格所需的格式。

Answer 1

你实际上可以。

$scope.gridOptions = {
        data: users,
        columnDefs: [
            {field: 'id', displayName: 'Member ID'},
            {field: 'lastName', displayName: 'Last Name'},
            {field: 'firstName', displayName: 'First Name'},
            {field: 'email', displayName: 'Email'},
            {field: 'phone', displayName: 'Phone'}

    };

和

<div ui-grid="gridOptions"></div>

其中users是您的对象数组，而您的列定义是您要显示的列。 field属性必须与对象中的字段匹配。

可以找到gridoptions的API here。

需要使用Angular JS中的ng-grid逐列呈现数据

1 个答案: