在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不一样的地方在于,一个没有基本的颜色(只有少许)而另一个则是有默认的颜色控件

最新文章

  1. ajax500错误
  2. C#之LinQ数据库
  3. 判断pc端还是移动,并给移动加上其它的样式文件方法
  4. request实现页面包含
  5. Android配置----adb工具的使用
  6. Go prepare statment超过mysql最大数
  7. 自动发送EMAIL
  8. 【nginx网站性能优化篇(3)】反向代理实现负载均衡
  9. Java流操作之转换流
  10. shell中exit命令不退出脚本
  11. 递归删除.DS_Store文件
  12. CreateThread简单那多线程编程
  13. Nginx搭建反向代理服务器
  14. shell 之awk 关联数组高级应用
  15. java多线程开发容易犯的错误
  16. RESTClient的基本使用
  17. Session, Token and SSO 有什么区别
  18. Shell脚本字体颜色
  19. MAC安装了mumu安卓模拟器,但无法检测到该模拟器
  20. Mac下安装zsh(Oh My ZSH)的shell,替代原有的bash

热门文章

  1. MySQL主从备份
  2. 学习:Windows数据类型
  3. LeetCode 848. Shifting Letters
  4. vue分组全选权限,CheckBoxGroup
  5. Python 10 训练模型
  6. on bind live delegate的区别
  7. KVM系统镜像制作
  8. Python全栈工程师(Python3 所有基础内容 0-0)
  9. 屏幕方向读取与锁定:Screen Orientation API(转)
  10. Java事务以及嵌套事务