Angular-Element UI介绍

Element UI是一种开源前端框架，之前支持VUE,目前在Angular5中也可以使用。使用Element UI可以快速的搭建网站。

1.安装Element-angular模块

npm i --save element-angular

2.引入模块

import { BrowserModule } from '@angular/platform-browser'
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
import { ElModule } from 'element-angular'
//引入css样式；
import 'element-angular/theme/index.css'

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    ElModule.forRoot(),
  ],
  bootstrap: [ExAppComponent],
})

3.在 src styles.css引入对应的css

@import "~element-angular/theme/index.css"

4.以进行Pagination分页为例
html：

<div class="pagination-demo">
  <div class="block">
    <span class="demonstration">显示分页效果</span>
    <el-pagination [total]="200"
    [layout]="['prev', 'pager', 'next']">
    </el-pagination>
  </div>
</div>

通过在根组件中引用模块，在html和src中设定样式，就可以实现对分页的基本操作。
以上是关于Element的基本使用介绍，如果想使用Element UI前端框架，可以查看Element开发，进行组件的复用。