angular6使用ElementUI

最新推荐文章于 2025-05-15 15:50:58 发布

盼盼盼

最新推荐文章于 2025-05-15 15:50:58 发布

阅读量5.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： angular 前端

本文链接：https://blog.youkuaiyun.com/come0across/article/details/89017958

前端同时被 2 个专栏收录

54 篇文章

订阅专栏

angular

26 篇文章

订阅专栏

本文档详细介绍了如何在Angular6项目中集成和使用ElementUI，包括通过npm安装，引入CSS样式文件，导入ElModule模块，以及实现无障碍访问的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.npm 安装

npm i --save element-angular

2.引入CSS

在styles.css中引入

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

在这里插入图片描述

3.引入ElModule

import { ElModule } from 'element-angular';

在这里插入图片描述

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>