PrimeNg 压延机在 angular 2 中显示有损坏的设计

Question

我在 angular 2 中使用了 primefaces 的 primeNg 模块来创建时间选择器。我让它工作，但它以损坏的设计显示。为了使设计正确，还有什么要补充的吗？我使用的代码：

包版本：

"primeng": "^1.0.0-beta.7",
 "primeui": "^4.1.10"

Module.ts:

import { CalendarModule } from 'primeng/primeng';
imports: [CalendarModule]

Html:

<p-calendar [(ngModel)]="value" showTime="showTime" formControlName="date1" hourFormat="12"></p-calendar>

目前我得到的是：

请帮忙！！

Answer 1

您需要在 index.html-

中包含 css 依赖项

<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/themes/omega/theme.css" />
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css" />

有关详细信息，请参阅设置指南 here。

PrimeNg 压延机在 angular 2 中显示有损坏的设计

PrimeNg calender displayed with broken design in angular 2

angular

primeng