У меня есть приложение angular 7, где у меня есть директива для создания всплывающих подсказок с использованием tippy.js 4.0.2.Это прекрасно работает в локальном режиме (ng serve).Однако, как только я пытаюсь интегрировать его в страницу, работающую на моем сервере, которая имеет tippy.js 2.6.0 в качестве глобальной переменной, при щелчке мышью по элементу с всплывающей подсказкой возникает следующая ошибка:
Ошибка типа: я не определенсодержит следующие важные части:
import {
Instance as TippyInstance,
Props as TippyOptions,
default as tippy,
} from 'tippy.js';
/** fake component needed to be able to include tippy theme styles */
@Component({
selector: "[tooltip]",
template: `<ng-content></ng-content>`,
styleUrls: [
'../../../node_modules/tippy.js/themes/light.css',
],
encapsulation: ViewEncapsulation.None
})
@Directive({
/* tslint:disable-next-line */
selector: '[tooltip]',
})
и для динамического обновления параметров я использую
if (!this.tippyInstance) this.tippyInstance = tippy(this.el.nativeElement, this.tippyOptions || undefined) as TippyInstance;
else this.tippyInstance.set(this.tippyOptions);