angular6使用ElementUI

1.npm 安装

npm i --save element-angular

2.引入CSS

在styles.css中引入

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

angular6使用ElementUI_第1张图片

3.引入ElModule

import { ElModule } from 'element-angular';

angular6使用ElementUI_第2张图片

4.无障碍使用

<div class="page">
    <el-collapse [model]="[]" class="list">
        <el-collapse-item  *ngFor="let item of menus" label={{item.name}} value={{item.id}}>
            <div class="details" *ngFor="let detailsList of item.details">
                {{detailsList}}
            div>
        el-collapse-item>
    el-collapse>
div>

查看element-angular官网

你可能感兴趣的:(前端,angular)