Angular + PrimeNG 工程新建

以下步骤默认已经装好了angular环境。此次PrimeNG 使用的版本是 6.0.0。确认一下当前的angular版本，建议使用4.0以上的版本。

1. 新建一个angular项目

ng new primeng-project

2. 安装 primeNG
   目前最新primeNG版本为 7, 这次使用的版本为 6.1.5。

npm install primeng@6.1.5 --save
npm install primeicons --save

3. 安装 font-awesome

npm install font-awesome

4. 添加 css （有两种方式）

• 第一种是在 angular.json 文件中的 "styles": [xxxxxx] 里写

 "styles": [
     "src/styles.css",
     "node_modules/primeng/resources/primeng.min.css",
     ... ...
]

• 第二种是在 src/styles.css 中添加。我使用的是这种。

@import "~font-awesome/css/font-awesome.min.css";
@import "~primeng/resources/themes/omega/theme.css";
@import "~primeng/resources/primeng.min.css";
@import "~primeicons/primeicons.css";

5. 将 primeNG 中需要使用的模块导入到 app.module中，由于模块特别多，建议专门新建一个 xxx.module.ts 文件给primeNG使用。
   用啥导啥： https://www.primefaces.org/primeng-6.1.6/#/

// primeng.module.ts
import { NgModule } from '@angular/core';
import {
  PanelMenuModule,
  FileUploadModule,
  MessageModule,
  ... ...
} from 'primeng/primeng';

import {ToastModule} from 'primeng/toast';


@NgModule({
  exports: [
    PanelMenuModule,
    FileUploadModule,
    MessageModule,
    ToastModule,
    ... ...
  ]
})

export class PrimengModule { }

// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { PrimengModule } from './primeng.module';
... ...

@NgModule({
  declarations: [
    ... ...
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule
    BrowserAnimationsModule,
    PrimengModule,
    ... ...
  ],
  providers: [ ... ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

配置过程中的出错信息

1. 请务必确认好本地的angular版本。
   运行时出现了以下的报错信息：
   node_modules/@angular/core/index"' has no exported member 'Renderer2'.
   原因是Renderer2 需要angular core 4.0+。而我本地的版本是2.0。
   解决方法：更新一下本地 angualr 的版本，这次我更新到了6.0.1。