如何在malhar angular仪表板中返回带数据服务的widgetDefinitions



我已经安装了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标准,因此您的浏览器版本可能不支持它。

最新更新