Tippy.js работает только после обновления первой страницы проекта Angular - PullRequest
0 голосов
/ 15 мая 2019

Я установил tippy.js в свой угловой проект, который представляет собой библиотеку всплывающих подсказок (https://atomiks.github.io/tippyjs/),, но работает только после первого обновления страницы.

Я установил его с помощью команды npm install tippy.js и импортировал в файл angular.json следующим образом:

        "scripts": [
          "./node_modules/popper.js/dist/umd/popper.min.js",
          "./node_modules/tippy.js/umd/index.all.min.js"
        ],

Элемент html, отвечающий за его вызов, написан так:

 <span data-tippy="Tooltip" class="layout-semester theme-semester"><strong>2019</strong>-1sem</span>

Я думаю, что библиотека загружается до того, как страница полностью построена, но понятия не имею, как это сделать в Angular-проекте ...

1 Ответ

0 голосов
/ 15 мая 2019

Я не использовал tippy, но, читая их документы , похоже, вам нужно запустить tippy(<selector>), чтобы он прошел через выбранные элементы и "активировал" изменение DOM, которое вы называетеподсказка.

в Angular, я думаю, это будет работать примерно так:

import tippy from 'tippy.js'

ngAfterViewInit() {
    tippy('span');
}

РЕДАКТИРОВАТЬ: stackblitz demo , похоже, работает как ожидалось.

...