如何解决Angular 2 中的 PrimeNG 样式问题
我正在尝试使用 PrimeNG 的日历组件,但样式不起作用。这些是我采取的所有步骤:
我使用以下命令安装了 PrimeNG:npm i primeng
我在 app.module.ts 中导入了 CalendarModule:
import {CalendarModule} from 'primeng/calendar';
并将其放入我的导入[]:
imports: [
browserModule,AppRoutingModule,HttpClientModule,ReactiveFormsModule,FormsModule,NgbModule,SocketIoModule.forRoot(config),browserAnimationsModule,CalendarModule,],
我将样式表添加到我的 angular.json 中:
"styles": [
"src/styles.css","../node_modules/primeng/resources/themes/bootstrap/theme.css","../node_modules/primeng/resources/primeng.css",
然后我将 p 日历插入到我的一个组件中,如下所示:
<label for="publishedAt">Published At:</label>
<p-calendar
[(ngModel)]="news.publishedAt"
name="publishedAt"
id="publishedAt"
required
#publishedAt="ngModel"
showTime="true"
hourFormat="12"
>
</p-calendar>
但我的日历看起来像这样:
有什么我遗漏的吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。