PrimeNG按鈕不會在angular2中顯示fa圖標和標籤

我想在面板標題中顯示「添加」和「刪除」按鈕。下面的代碼顯示沒有fa-icon和沒有標籤的按鈕PrimeNG按鈕不會在angular2中顯示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>

來源

2017-07-27 Jan69

[Primeng按鈕不顯示標籤（HTTPS的可能重複： //stackoverflow.com/questions/45305915/primeng-button-not-showing-label） –

你使用什麼網絡服務器？ – BillF

導入BrowserAnimationsModule後，primeng按鈕在面板內顯示。

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

來源

2017-08-01 19:03:47 Jan69

您的示例代碼中有一些結構錯誤。我爲你創建了一個plnkr。

http://plnkr.co/edit/myrBq9tv4iNRNd6v6bhT?p=preview

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

來源

2017-07-27 18:07:56 BillF

我改正了它。但仍然顯示圖標和標籤。 – Jan69

您的代碼工作正常here。

您是否將font-awesome導入您的應用程序？如果沒有，請在<head></head>標籤內的index.html中加入。

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

此外，您將需要導入ButtonModule, PanelModule到您的應用程序。

import {ButtonModule, PanelModule} from 'primeng'; 

@NgModule({ 

    imports: [ 
    ... 
    ButtonModule, 
    PanelModule, 
    ... 
    ], 
    ... 
})

來源

2017-07-27 21:00:43 Nehal

它不起作用 – Jan69

你的代碼很好。它在我的掠奪者身上起作用。它必須是某種配置問題。你看到屏幕上的面板？ – Nehal

是的，我可以看到帶有標題的面板。按鈕顯示空白。 – Jan69

，如果你是angular2/4的工作，你需要以下進口添加到您的app.module.ts

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

來源

2017-08-09 19:56:32

PrimeNG按鈕不會在angular2中顯示fa圖標和標籤

回答

相關問題