Интегрируйте jQuery управление в angular 8 - PullRequest
0 голосов
/ 13 марта 2020

Мы пытаемся интегрировать jQuery версию элемента управления в приложение Angular 8. Я попытался инициализировать компонент в ngAfterViewInit(), но получаю ошибку.

ngAfterViewInit() {
  jq("#PivotGrid").ejPivotGrid({
    dataSource: {
      data: this.data,
      rows: [{
        name: 'departmentName',
        caption: 'Department',
        showSubTotals: false
      }, {
        name: 'className',
        caption: 'Class',
        showSubTotals: false
      }, {
        name: 'metricName',
        caption: 'Metric'
      }],
      columns: [{
        name: 'year',
        caption: 'Year'
      }, {
        name: 'quarterDescription',
        caption: 'Quarter'
      }, {
        name: 'monthDescription',
        caption: 'Month'
      }, {
        name: 'weekDescription',
        caption: 'Week'
      }, {
        name: 'channel',
        caption: 'Channel'
      }, ],
      values: [{
        name: 'metricValue',
        caption: 'Metric Value'
      }, ]
    }
  });
}

Ошибка:

Ошибка типа: jquery__WEBPACK_IMPORTED_MODULE_2 __ (...). EjPivotGrid не является функцией

Раздел сценария в angular. json

     "scripts": [
          "./node_modules/jquery/dist/jquery.min.js",
          "src/assets/scripts/ej.js"
        ]

1 Ответ

0 голосов
/ 19 марта 2020

На основании ваших требований мы подготовили образец в Angular 8 для вашей справки. Пожалуйста, проверьте ниже образец и документацию ссылку.

Пример ссылки: https://www.syncfusion.com/downloads/support/directtrac/general/ze/sample1592888818

Ссылка на документацию: https://help.syncfusion.com/angular/pivotgrid/getting-started#relational

Мы надеемся, что приведенный выше образец соответствует вашим требованиям , Если проблема все еще существует, пожалуйста, воспроизведите проблему в предоставленном образце и верните нас. Нам было бы полезно продолжить.

...