可以在角12上为tailwindCSS使用flowbite (或任何UI组件库)？

Question

我试着在角度12上使用tailwindCSS，它工作得很好。

我的问题是，对于UI组件，使用、flowbite、或tailwindui -它在角度上也支持吗？因为我正在尝试流流的指令，而且它不能工作https://flowbite.com/docs/getting-started/quickstart/，所以css的工作很好，但是脚本不行。

例如，我试图构建这样的下拉列表--而且它不起作用(在控制台上没有任何错误) https://flowbite.com/docs/components/dropdowns/#

怎么了？

Answer 1

有同样的问题，试着：

在angular.json

• Adding index.hmtl

头上使用scripts:["../path/to/@themesberg/flowbite/dist/flowbite.bundle.js"]的

更新:在main.ts或polyfills.ts上添加main.ts或polyfills.ts正确地将函数导出到vendor.js或polyfills.js。但是，即使它们存在，事件侦听器也无法工作：

() => {
      const toggleCollapse = (elementId, show = true) => {
        const collapseEl = document.getElementById(elementId);

        if (show) {
          collapseEl.classList.remove('hidden');
        } else {
          collapseEl.classList.add('hidden');
        }
      }; // Toggle target elements using [data-collapse-toggle]


      document.querySelectorAll('[data-collapse-toggle]').forEach(function (collapseToggleEl) {
        var collapseId = collapseToggleEl.getAttribute('data-collapse-toggle');
        collapseToggleEl.addEventListener('click', function () {
          toggleCollapse(collapseId, document.getElementById(collapseId).classList.contains('hidden'));
        });
      });
      window.toggleCollapse = toggleCollapse;
      /***/
    },