Блог

Главная - Вопросы по программированию - всплывающая подсказка bootstrap 4 не работает с angular

всплывающая подсказка bootstrap 4 не работает с angular

#angular #bootstrap-4

#angular #bootstrap-4

Вопрос:

почему в строке ниже появляется ошибка. я использую bootstrap 4 с angular 7

описание ошибки: ошибка TS2339: свойство ‘tooltip’ не существует для типа ‘jQuery’.

    ngAfterViewInit() {
      jQuery(this.elementRef.nativeElement).find('[data-toggle="tooltip"]').tooltip();
   }

пожалуйста, дайте мне знать, если кто-нибудь знает ответ.

Комментарии:

1. Прежде @Component вы объявляли jQyery? declare let jQuery

2. Попробуйте вместо использования имени JQuery непосредственно перед declare const $; объявлением компонента и использовать $ .

3. @YashwardhanPauranik, я добавил declare let jQuery, ошибка исправлена, спасибо. Но всплывающая подсказка отображается как обычная всплывающая подсказка css, а не всплывающая подсказка bootstrap

4. @Santhosh импортирует bootstrap CSS либо в angular.json ,либо в styles.scss файле

5. @YashwardhanPauranik, я уже добавил bootstrap css, как показано ниже «стили»: [ «node_modules / bootstrap / scss /bootstrap.scss», «node_modules/font-awesome / css / font-awesome.css», «node_modules /malihu-пользовательский плагин полосы прокрутки / jquery. mCustomScrollbar.css», «src / styles.scss» ],

Ответ №1:

используйте эту директивуng2-tooltip- это очень легко реализовать в вашем приложении

stackblitz: пример