在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”, 

 

3.引入单选按钮组件；

 

 

 

 

 

4.效果；

 

 

 

安装指定版本（老版本）的PrimeNG

chanchaw 2019-01-22 12:34:38  529  已收藏 1

分类专栏： angular 前端 PrimeNG

版权

由于兼容问题，有时候还是要安装老版本的PrimeNG的，ng-zorro-antd也可以参照本方法

1. 卸载已有版本：npm uninstall primeng --save
2. 清理缓存：npm cache verify
3. 安装老版本：npm install primeng@x.x.x --save，其中的x.x.x是版本号
   截止2019年1月22日PrimeNG是7.0.4，前一个稳定的大版本号是6.1.7

安装兼容版本的PrimeNG同时可以解决：

node_modules/primeng/components/table/table.d.ts(15,86)

诸如此类的错误提示，缺少括号或者分号的错误，都是版本兼容问题