PrimeNg压延机以破损的设计显示在角度2中 [英] PrimeNg calender displayed with broken design in angular 2

问题描述

我已经使用角度2中的primefaces中的primeNg模块来创建时间选择器.我可以使用它，但显示的设计已损坏.还有什么要添加的内容才能使设计正确.我使用的代码:

I have used primeNg module from primefaces in angular 2 for creating a timepicker. I got it to work but it is displayed with broken design. Is there anything else to add for getting the design correct. Codes I used:

软件包版本:

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

Module.ts:

Module.ts:

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

HTML:

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

目前我得到的是:

请帮助！

推荐答案

您需要在index.html-

You need to include css dependencies in your index.html-

<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" />

有关更多信息，请参见设置指南此处.

For more information, refer setup guide here.

这篇关于PrimeNg压延机以破损的设计显示在角度2中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！