Как создать простой угловой виджет приборной панели?

Я установил модуль malhar-angular-dashboard для своего углового приложения. и я хочу создать простой виджет, который отображает фиктивный текст.

HTML-представление

      <div class="row">
        <div class="col-md-12">
          <div dashboard="timeDashboardsOptions" class="dashboard-container"></div>
        </div>
      </div>

JavaScript

$scope.timeDashboardsOptions = {
    widgetDefinitions: [  // list required
      {
        name: 'timeWidget', // option required
        template: '<div>hello {{widget.title}}</div>',
        settingsModalOptions: {
          templateUrl: 'views/dashboards/widget-area/time.html'
        }
        ,
        onSettingsClose: function(resultFromModal, widgetModel, dashboardScope) {
          // do something to update widgetModel, like the default implementation:
          jQuery.extend(true, widget, result);
        },
        onSettingsDismiss: function(reasonForDismissal, dashboardScope) {
          // probably do nothing here, since the user pressed cancel
        }
      }
    ],
    defaultWidgets: [ // list required
      {name:'timeWidget'}
    ]
  };

Шаблон виджета

<div>
  <h3>Time widget</h3>
</div>

Когда я запускаю его, я получаю такой результат:

ul li {
  list-style-type: none;
  display: inline;
}
.middle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.last {
  background-color: #5bc0de;
  border-color: #46b8da;
}
<ul>
  <li class='first'>timeWidget - missing ???</li>
  <li>
    <button class='middle'>Default Widgets</button>
  </li>
  <li class='last'>
    <button class='last'>Clear</button>
  </li>
</ul>

и ошибка

TypeError: _.merge не является функцией в Object.WidgetModel (http://localhost:9000/bower_components/malhar-angular-dashboard/dist/malhar-angular-dashboard.js:848:42)


person que1326    schedule 02.12.2015    source источник
comment
Похоже, этот модуль зависит от библиотеки подчеркивания.   -  person Daniel Beck    schedule 02.12.2015
comment
Bower также установил модуль подчеркивания, я проверил, и он там, так что да, у меня есть underscore.js (‹script src=bower_components/underscore/underscore.js›‹/script›)   -  person que1326    schedule 02.12.2015
comment
Включен ли он на вашей странице перед панелью инструментов angular?   -  person Goodbye StackExchange    schedule 02.12.2015
comment
Да, я уже пробовал это :)   -  person que1326    schedule 03.12.2015


Ответы (1)


Удалите underscore.js и позвольте loadash.js справиться с этим.

person que1326    schedule 03.12.2015