在Angular项目中使用PrimeNG组件

闲话休提,言归正传

低调而不失华丽的分割线
———————————————————————
1.安装PrimeNG及其组件

cd 项目目录
npm install primeng (安装primgng)
npm install font-awesome (安装第三方awesome字体)
npm install @angular/animations (安装动画)

2.配置.angular-cli.json文件

在项目目录下找到.angular-cli.json文件,在"styles":中加入以下code,引入primeng样式:

“../node_modules/primeng/resources/primeng.min.css”,
“../node_modules/primeng/resources/themes/omega/theme.css”,
“../node_modules/font-awesome/css/font-awesome.min.css”,
在Angular项目中使用PrimeNG组件_第1张图片

../node_modules/primeng/resources/themes/omega/theme.css中的omega为可选主题,例如omega,bootstarp,cupertino,cruze,darkness,flick...

3.配置app.module根模块

在使用相应的primeng component时,需要先在app.module.ts中导入相应模块,并加到imports:中。

——————————————–END——————————————————–

你可能感兴趣的:(Angualr)