在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不同的地方在於，一個沒有基本的顏色（只有少量）而另外一個則是有默認的顏色控件