如何在malhar-angular-dashboard中使用数据服务返回widgetDefinitions?

时间:2015-12-17 12:46:27

标签: arrays angularjs angular-module

我已经安装了malhar-angular-dashboard模块。我不想硬编码我的 widgetDefinitions ,所以我创建了一个服务,它会返回带有widget对象的数组。我正在使用休息服务来返回小部件名称,标题等数据。问题是我得到错误并且不知道如何解决:

  

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;

}]);

widgetDefinitions服务

  .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]

     

widgetDefinitions:[Object,Object,Object]

注意

如果我硬编码我的widgetDefinitions-service返回的数组是这样的,如果我返回我的休息服务不起作用( widgetDefs.map不是函数):

[
  {
    name:'widgetList',
    title:'title1'
  },
  {
    name:'widgetPie',
    title:'title2'
  },
  {
    name:'widgetTable',
    title:'title3'
  }
]

1 个答案:

答案 0 :(得分:1)

github中的原始问题已被评论并关闭。

以下是github的评论:

@pitong确保仪表板选项包含名为widgetDefinitions的属性,它是一个数组,即使它是空的。还要确保您使用的浏览器版本支持数组的map函数。这个数组映射函数在第5版中成为ECMA-262标准,因此您的浏览器版本可能不支持它。