Как установить плагин jQuery в Ionic и Angular

Question

Я использую Ionic 3 / Angular 5, пытаясь настроить плавающую горизонтальную полосу прокрутки для очень высокой таблицы в компоненте. Я сталкивался с этим решением, которое должно работать хорошо: Плавающая горизонтальная полоса прокрутки для HTML таблицы

http://jsfiddle.net/cowboy/45rEs/show/

Проблема в том, что у меня проблемы с импортом функции jQuery в мой компонент.

Пока я успешно установил jQuery, и он работает правильно. Кроме того, я импортировал плагин jQuery в свой индекс:

<script src="assets/jquery.ba-floatingscrollbar.min.js"></script>

Как мне включить его в мой компонент? В настоящее время я получаю сообщение об ошибке:

Свойство плавающей панели прокрутки не существует для типа «JQuery»

Компонент

import { Component } from '@angular/core';
import * as $ from 'jquery';
@Component({
  selector: 'tall-table',
  templateUrl: 'tall-table.html'
})
export class TallTableComponent {

  constructor() {
  }

  ngAfterViewInit(): void { 
    $('#horz-scroll-wrapper').floatingScrollbar();
  }

}

высокотравная table.html

<div id="horz-scroll-wrapper" style="width: 300px; overflow: scroll">
    <div style="height: 100%;">
        <table class='sample'>
            <tbody>
                <tr *ngFor="let row of [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26]">
                    <td >abcdefghijklmnopqrstuvwxyz</td><td >ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td >1234567890</td><td >0987654321</td><td >abcdefghijklmnopqrstuvwxyz</td><td >ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td >1234567890</td><td >0987654321</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

Answer 1

Вы установили глобальный каталог jQuery для набора текста?

npm install @types/jquery