3

我试图将 PrimeNg 设置到我的 Angular-CLI 项目中。所以我按照以下步骤操作

npm install primeng --save npm install primeui --save

我需要一个下拉菜单，所以我已经添加

import { DropdownModule } from 'primeng/primeng';到我的主 module.ts 文件中，然后是imports:[DropdownModule].

然后将样式添加到 .angular-cli.json 文件中，例如

"../node_modules/primeng/resources/themes/omega/theme.scss", "../node_modules/primeng/resources/primeng.min.scss".

我使用.SCSS文件进行样式设置。我在我的 html 中添加了下拉菜单

<p-dropdown [options]="cities1" [(ngModel)]="selectedCity1"></p-dropdown>

我的问题是样式未反映在页面中，当我单击下拉菜单时显示以下错误。

错误类型错误：无法读取未定义的属性“样式”

4

1 回答 1

2

1 - 首先使用 sass（或使用 css-setup 时调整现有项目）使用 angular cli 创建一个项目，并使用以下命令：

 - ng new project --style=scss

2 - 获取使用 PrimeNg 所需的包

 - npm install primeng –-save
 - npm install font-awesome --save

3-通过导入所需的 css 和 scss 来调整styles.scss

 -  @import 
    "../node_modules/font-awesome/css/font-awesome.min.css", //is used by the style of ngprime
    "../node_modules/primeng/resources/primeng.min.css", // this is needed for the structural css
    "../node_modules/primeng/resources/themes/omega/theme.scss", // this is the scss file of one of the 16 free styles of ngprime.

4 - 如果需要，您可以调整 '../node_modules/primeng/resources/themes/omega/theme.scss' 中的 scss 变量。下拉菜单将相应调整。

在这里您可以找到下拉菜单的样式

于 2018-05-18T13:54:11.623 回答