时间戳

首页 > 解决方案 > 用户界面网格；遍历对象

javascript - 用户界面网格；遍历对象

问题描述

我正在尝试遍历 UI-Grid 中的 data.TeamMembers 对象；我无法让数据显示在我的 ui-grid 中。

我可以通过直接编写 row.entity.teamMembers[0]..row.entity.teamMembers[1]...来引用每个数组属性。但我不想明确地编写每个数组属性。row.entity.teamMembers.userProfile.firstName 不起作用，因为它以未定义的形式返回。

如何遍历对象属性以获取 userProfile.firstName 属性？

这是数组的外观：

teamMembers
:
Array(3)
0
:
{memberId: 4564, role: "", deleted: false, signatory: false, signatoryOrder: null, …}
1
:
{memberId: 4565, role: "", deleted: false, signatory: false, signatoryOrder: null, …}
2
:
{memberId: 4566, role: "", deleted: false, signatory: false, signatoryOrder: null, …}

:
current
:
false
deleted
:
false
enabled
:
1
memberId
:
4564
reportId
:
2936
reviewer
:
false
role
:
""
signatory
:
false
signatoryOrder
:
null
userProfile
:
contractor
:
false
email
:
"koryjcampbell@gmail.com"
firstName
:
"Kory"
id
:
null
lastName
:
"Campbell"
title
:
"Software Developer"
userAccountExists
:
false
userId
:
247
username
:
"koryjcampbell@gmail.com"






vm.teamGridOptions = {
    enableGridMenu: false,
    enableSorting: true,
    enableHorizontalScrollbar: 0, /*always hide horizontal scroll bar*/
    enableVerticalScrollbar: 1, /*always show vertical scroll bar*/
    rowHeight: 46,  
    columnDefs: [
            {
                    enableHiding: false,
                    enableColumnMenu: false,
                    displayName: 'First Name',
                    field: 'firstName',
                    cellClass: 'ui-grid-cell-contents',
                    cellTemplate: '<span>{{row.entity.teamMembers.userProfile.firstName}}</span>'

                },

] }

标签： javascriptangular-ui-gridui-grid

解决方案

推荐阅读