UI 网格无法读取 属性 未定义的数据
UI Grid Cannot Read Property Data of Undefined
在为我的 ui 网格获取数据时遇到问题?不确定我在这里做错了什么,但我 console.log 数据所以我知道我正在找回它。
我的数据作为对象返回,我正在尝试访问对象中的团队成员数组以供参考。
function loadProjectDetails(){
return MrktRsrchPrjtDataService.getProjectSubsection(MrktRsrchPrjtDataService.getCurrentReportId(), "ProjectSummary")
.then(function (data){
vm.project = data;
console.log(data);
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: 'memberId',
cellClass: 'ui-grid-cell-contents',
cellTemplate: '<span>{{row.entity.teamMembers.memberId}}</span>'
},
],
data: vm.project
};
});
}
//HTML
<div ui-grid="vm.teamGridOptions" ui-grid-auto-resize class=""></div>
在html你调用vm.teamGridOptions。你的控制器的名字是什么? AngularJS 约定是将控制器命名为 "ctrl",因此这意味着您应该调用 ctrl.teamGridOptions.
在为我的 ui 网格获取数据时遇到问题?不确定我在这里做错了什么,但我 console.log 数据所以我知道我正在找回它。
我的数据作为对象返回,我正在尝试访问对象中的团队成员数组以供参考。
function loadProjectDetails(){
return MrktRsrchPrjtDataService.getProjectSubsection(MrktRsrchPrjtDataService.getCurrentReportId(), "ProjectSummary")
.then(function (data){
vm.project = data;
console.log(data);
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: 'memberId',
cellClass: 'ui-grid-cell-contents',
cellTemplate: '<span>{{row.entity.teamMembers.memberId}}</span>'
},
],
data: vm.project
};
});
}
//HTML
<div ui-grid="vm.teamGridOptions" ui-grid-auto-resize class=""></div>
在html你调用vm.teamGridOptions。你的控制器的名字是什么? AngularJS 约定是将控制器命名为 "ctrl",因此这意味着您应该调用 ctrl.teamGridOptions.