Angular 16 按钮未解析？

Question

在我的 Angular 16 项目中，我使用以下代码添加了 primeicon/primeng 按钮

  <button pButton label="Clear" class="p-button-outlined" icon="pi
 pi-filter-slash" (click)="clear(dt)"></button>

我希望它呈现如下代码沙盒中的效果

<button _ngcontent-ng-c2027729110="" pbutton="" label="Clear" icon="pi pi-filter-slash" class="p-element p-button-outlined p-button p-component" ng-reflect-label="Clear" ng-reflect-icon="pi pi-filter-slash"><span class="p-button-icon p-button-icon-left pi pi-filter-slash" aria-hidden="true"></span><span class="p-button-label">Clear</span></button>

但是，在我的测试页面上，它呈现了

<button _ngcontent-ng-c2105745702="" pbutton="" label="Clear" icon="pi pi-filter-slash" class="p-button-outlined"></button>

我想知道我需要什么设置才能使其工作？

谢谢

Answer 1

将其添加到您的 module.ts 文件中：

import {ButtonModule} from 'primeng/primeng';
   
@NgModule({
   imports: [
      ButtonModule
   ]