Записать jQuery функций в файл угловых компонентов (.ts) в angular 8

Question

Я использую Angular версию 8. В моем проекте angular 8 я собираюсь использовать пакет bootstrap -input-spinner . Я установил пакет, используя команду npm install -save bootstrap-input-spinner, и пакет успешно установлен. Также я добавил ссылку js в файл angular.json, как показано ниже.

"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js",
  "node_modules/popper.js/dist/popper.min.js",
  "node_modules/bootstrap-input-spinner/src/bootstrap-input-spinner.js"
]

Как сказано в документации bootstrap -input-spinner , мне нужно позвонить по следующему jquery функция на моей странице.

<script>
    $("input[type='number']").inputSpinner();
</script> 

Я выполнил команду npm i @types/jquery и добавил import * as $ from 'jquery'; в мой файл компонента. Затем я вызвал эту jQuery функцию в методе ngInit (), как показано ниже

  ngOnInit() {
    $("input[type='number']").inputSpinner();
  }

После добавления этого при построении проекта выдается следующая ошибка компиляции.

ERROR in src/app/views/view-products/view-products.component.ts:14:31 - error TS2339: Property 'inputSpinner' does not exist on type 'JQuery<HTMLElement>'.

14     $("input[type='number']").inputSpinner();

Мои вопросы являются.

1. Каков наилучший способ сделать это.
2. Как я могу вызвать этот метод jQuery в моем файле компонента.