PrimeNG官网：点击打开链接

加载

PrimeNG在npm上可用，如果现有的应用程序运行以下命令将其下载到项目。

npm install primeng --save

        

          
        
        
        

          

          AI 代码解读
        
      
      

Angular 4+动画

各种组件利用angular动画来改善用户体验，从Angular 4开始，动画具有自己的模块，因此需要将BrowserAnimationsModule导入到应用程序中。如果不想使用NoopAnimationsModule。

npm install @angular/animations --save

        

          
        
        
        

          

          AI 代码解读
        
      
      

import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        //...
    ],
    //...
})
export class YourAppModule { }

        

          
        
        
        

          

          AI 代码解读
        
      
      

字体图标

npm install font-awesome --save

        

          
        
        
        

          

          AI 代码解读
        
      
      

加载样式

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

        

          
        
        
        

          

          AI 代码解读