Angular 打底按钮未以角度2显示fa图标和标签_Angular_Primeng

Angular 打底按钮未以角度2显示fa图标和标签

angular

Angular 打底按钮未以角度2显示fa图标和标签,angular,primeng,Angular,Primeng,我想在面板标题中显示“添加和删除”按钮。下面的代码显示没有fa图标和标签的按钮 <p-panel> <p-header> <div> Registration Form <button type="button" pButton icon="fa-plus" style="float:right" label="Add"> </button> </div> </p-he

我想在面板标题中显示“添加和删除”按钮。下面的代码显示没有fa图标和标签的按钮

<p-panel>
  <p-header>
   <div>
     Registration Form
     <button type="button" pButton icon="fa-plus" style="float:right" label="Add">
     </button>
   </div>
  </p-header>
</p-panel>


登记表

示例代码中存在一些结构错误。我已经为你创建了一个plnkr


登记表

您的代码运行正常

您是否已将

font-awesome

导入应用程序？如果没有，请将其添加到

标记内的

index.html

中

<head> 
...
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
 </head>

导入BrowserAnimationsModule后，面板内会显示启动按钮

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

如果您正在使用angular2/4，则需要将以下导入添加到app.module.ts

import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

从pi关闭到fa关闭对我来说很有用

似乎有新的和旧的字体可怕的图标。它们必须这样使用：

class="pi pi-xxx" or class="fa fa-xxx"

您不能同时使用图标和标签。请尝试下面的操作

从priming/button导入ButtonModule是必须的

我更正了它。但仍然没有显示图标和标签。可能与您使用的web服务器重复？您的代码没有问题。它在我的车里起作用了。这一定是某种配置问题。你看到屏幕上的面板了吗？是的，我可以看到带有标题的面板。按钮显示为空白。请在您的问题中添加

app.module.ts

好吗？添加的app.module.tsI没有看到从'priming'导入{ButtonModule，PanelModule}的

app.module.ts

中的code>语句。我在imports
中看到它们，但是如果没有import语句，它们将无法工作。另外，您在问题中提到pButton正在JobCleanupComponent
中工作。是否再次导入该组件中的primering模块？是，但不一定是app.module.ts-需要添加到使用它的模块中-+1
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

class="pi pi-xxx" or class="fa fa-xxx"