angular应用coreui框架
CoreUI
CoreUI是一个集成bootstrap样式的UI样式框架,现在已经支持angular9版本了,现在简单在angular应用中使用以下。
下载
通过git下载或者直接下载zip文件到本地
解压安装
我下载zip文件,解压后,按照说明进行安装依赖
使用
基本结构是这样的
containers:这里放了布局模板信息,配置了app-header和main主体信息
views:里面放置了各种模板信息
_nav.ts中放置了要显示的侧边栏的内容
启动
可以正常运行
增加点东西
增加一个用户列表和新增用户模块功能
我把这两个组件放在base下,所以没有新增模块
测试
总结
coreui还是非常好用的,制造表单什么的很快,也比较好看。
angular应用coreui框架相关推荐
- [Angular]——快速创建框架模板
Angular搭建模板框架 前言:网络不好,可以使用国内淘宝镜像.本模板的脚手架使用Ng Alain,本地环境需要安装 node 和 git.技术栈基于 Typescript.Angular.g2.@ ...
- Vue、React、Angular最佳UI框架
摘要: 今天我们不聊技术,只"以貌取人". 刚入门的小伙伴问我(上面是我的自拍照),现在前端Vue.React.Angular这三个框架似乎都很好,反而不知道选择什么了,我当时开玩 ...
- GitHub上9款美观大气的后台管理系统,基于但不限于vue、react、Angular、Bootstrap框架
文章目录 1. vue-element-admin 2. D2Admin 3. Vue-admin-better 4. AdminLTE 5. Ant Desiong Pro 6. Tabler 7. ...
- 测试:abstract class不允许出现在Angular依赖注入框架的providers区域内
测试用的service类: import { Injectable } from '@angular/core';@Injectable({providedIn: 'root',}) export a ...
- angular ng zorro框架日期框无法自适应宽度的解决方法
如果我们使用ng zorro框架的日期框时,就会发现,日期框的宽度总是固定的,无法像输入框一样自适应父节点<nz-form-control [nzSpan]="12"> ...
- 使用angular vue react框架做过那些类型的项目?项目有多大?遇到过那些棘手的bug?
angular现在市场小,没有用它做过大型项目 ,我现在主要用vue.react来做开发.做过电商.在线教育等移动端web和app. 棘手的Bug:做微信分享时与后台对接签名的问题,用vue做webs ...
- Angular jasmine单元测试框架fixture.detectChanges的实现原理
源代码: fixture的类型是component-fixture,里面会调用_tick方法: 具体执行的detectChange逻辑,取决于Change Detect reference: Root ...
- Angular jasmine单元测试框架TestBed.createComponent的实现原理
单元测试代码里的createComponent,是通过TestBedRender实现的: TestBedRenderer3: 获得注入的TestComponentRenderer: const res ...
- Angular jasmine单元测试框架里使用it函数定义single spec
it函数接收两个参数,描述信息和包含了待测试的单元测试代码的函数: /*** Define a single spec. A spec should contain one or more {@lin ...
- Angular jasmine单元测试框架里describe的实现原理
源代码:describe函数传入的两个参数:描述信息和箭头函数: 从注释能看出,describe函数的语义:Create a group of specs (often called a suite) ...
最新文章
- 10款在线格式转化应用
- python中的time库安装步骤-Python中time模块的使用
- JavaScript open() 函数
- Kafka分区分配策略(4)——分配的实施
- synchronized 与 ReentrantLock
- C算法--入门 2.3
- 在CodeBlocks下配置GoogleTest单元测试框架
- (50)IO的延迟约束(输入延迟约束)
- 【Spring】Could not commit JPA transaction RollbackException: Transaction marked as rollbackOnly
- render java_render 实现v-model
- Hibernate-注解-实体类
- 微云笔记控制脚本实例:远程控制脚本开关
- 内存泄露分析 - 收藏集 - 掘金
- DDOS---低轨道离子炮具体使用
- Java实现微信公众号授权登录
- uniapp开发微信小程序教程(一)
- retina屏下的1px线的实现
- eclipse Strut2环境搭建
- Embedded Browser WindowsPC内嵌网页
- MySQL性能优化(三)Buffer Pool实现原理