我已经安装了malhar角度仪表板模块。我不想硬编码我的小部件定义,所以我创建了一个服务,它将返回带有小部件对象的数组。我正在使用rest服务返回数据,如小部件名称、标题等。问题是我收到了错误,不知道如何解决:
TypeError:widgetDefs.map不是函数
服务数据
.factory('widgetRestService',['$http','UrlService','$log','$q',
function($http,UrlService,$log,$q){
var serviceInstance = {};
serviceInstance.getInfo = function(){
var request = $http({method: 'GET', url: '/rest/widgets/getListInfoDashboards'})
.then(function(success){
serviceInstance.widgets = success.data;
$log.debug('serviceInstance.widgets SUCCESS',serviceInstance.widgets);
},function(error){
$log.debug('Error ', error);
$log.debug('serviceInstance.widgets ERROR',serviceInstance.widgets);
});
return request;
};
serviceInstance.getAllWidgets = function () {
if (serviceInstance.widgets) {
return serviceInstance.widgets;
} else {
return [];
}
};
return serviceInstance;
}]);
小工具定义服务
.factory('widgetDefinitions',['widgetRestService','$log','$q','$http',function(widgetRestService,$log,$q,$http) {
var widgetDefinitions = [];
return widgetRestService.getInfo().then(function (data) {
var widgets = widgetRestService.getAllWidgets();
$log.debug('widgetsDefs ', widgets);
for (var i = 0; i < widgets.length; i++) {
widgetDefinitions.push(widgets[i]);
}
$log.debug('widgetDefinitions ', widgetDefinitions);
return widgetDefinitions;
});
});
控制台
TypeError:widgetDefs.map不是函数
widgetDefs:[Object,Object,Object]
小工具定义:[Object,Object,Object]
注意
如果我像这样硬编码我的widgetDefinitions服务返回的数组,它会起作用,如果我带着rest服务返回,它就不起作用(widgetDefs.map不是一个函数):
[
{
name:'widgetList',
title:'title1'
},
{
name:'widgetPie',
title:'title2'
},
{
name:'widgetTable',
title:'title3'
}
]
github中的原始问题已被评论并关闭。
以下是github:的评论
@pitong确保仪表板选项包含一个名为widgetDefinitions的属性,并且它是一个数组,即使它是空的。还要确保您使用的浏览器版本支持数组的映射功能。数组的映射函数在第5版中成为ECMA-262标准,因此您的浏览器版本可能不支持它。