由于 Primeng 库中的代码使用了 jQuery 库来访问 DOM,因此当我们尝试使用 Angular Elements 来封装存放 Primeng 组件时,就会出现一些问题。这些问题通常与 Angular 劫持机制有关。
要解决这个问题,我们需要执行以下步骤:
在 Angular Elements 项目中安装 jQuery 库: npm install jquery --save
在 Angular.json 文件中向 scripts 中添加 jquery 库的 JavaScript 文件路径: "scripts": [ "node_modules/jquery/dist/jquery.min.js" ]
在 Angular Elements 项目中导入 Primeng 模块: import { ButtonModule } from 'primeng/button'; @NgModule({ imports: [ButtonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA] })
在 Angular Elements 项目中使用 Primeng 的组件:
这样,我们就可以在 Angular Elements 项目中使用 Primeng 组件了。