在Angular中使用element

在angular中使用element

1.在一个新建的angular的项目中插入element

npm i --save element-angular

2.在项目中的styles.css中插入文件，下列文件放进去即可

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

 

3.在app.module.ts中插入下列文件

import {ElModule} from 'element-angular';

在此文件的imports中插入

ElModule.forRoot()

 

当你开始在使用文档 链接（ https://element-angular.faas.ele.me/basic/layout）

当你模拟代码的时候，你会发现代码没有显示出来效果，那是你没有给出特定的样式，此时需要你在对应的组件的css样式中写入样式，这样才可以显示出来

---

element和bootstarp不一样的地方在于，一个没有基本的颜色（只有少许）而另一个则是有默认的颜色控件