Как мы можем использовать плагин jquery как jquery.tabulator в проекте angular 5

Question

[введите описание изображения здесь] [1]

[введите описание изображения здесь] [2]

Если я хочу добавить плагин jQuery, такой как jquery.tabulator, в угловой проект, то какмы можем сделать это?как я добавил плагин js-код в файл «scripts» angula.cli.json: [

    "assets/libraries/tabulator/tabulator-min.js",

, но когда я использую функцию инициализации табулятора для его инициализации, он выдает ошибку.Свойство 'tabulator' не существует для типа 'JQuery

Answer 1

1. установить jquery, jquery-ui и jquery.tabulator

   npm install jquery jquery-ui-dist jquery.tabulator --save

2. установить наборы для jquery, используемые машинописным шрифтом, сохранитьЗависимости от разработчика

   npm install @types/jquery --save-dev

3. добавить jquery в tsconfig.app.json файл

   
   ...
   "types": [
     "jquery"
   ]
   ... 
   

4. , включая jquery искрипт плагина в .angular-cli.json

   
   ...
   "styles": [
     "styles.css",
     "../node_modules/jquery.tabulator/dist/css/tabulator.min.css"
   ],
   "scripts": [
     "../node_modules/jquery/dist/jquery.min.js",
     "../node_modules/jquery-ui-dist/jquery-ui.min.js",
     "../node_modules/jquery.tabulator/dist/js/tabulator.min.js"
   ]
   ...
   

5. добавить интерфейс JQuery в ваш файл объявления локальной типизации typings.d.ts и объявить функцию плагина

   
   interface JQuery {
     tabulator(options1?: any, options2?:any): any;
   }
   

6. используйте табулятор как обычно

---

Вот ссылка, Angular 5 - с использованием плагинов jquery