2020年6月4日
摘要: Elementuid的Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 写个简单的例子: 1.基本用法: <el-form :model="ruleForm" :rules="rules" re 阅读全文
posted @ 2020-06-04 17:34 一个大柚子~ 阅读(1408) 评论(0) 推荐(0) 编辑
2020年5月26日
摘要: 原因: <input type="text" name="password" [(ngModel)]="password" #password="ngModel" required> 上述代码中的[(ngModel)] 与#password不能取相同的名称 多提一嘴:如果表单是通过循环产生的,再默认 阅读全文
posted @ 2020-05-26 14:41 一个大柚子~ 阅读(381) 评论(0) 推荐(0) 编辑
2020年1月16日
摘要: 如果你用到了nz-table组件,而且有勾选列表的需求时,就可以用该组件自带的nzShowCheckbox勾选属性,用法如下: <nz-table #rowSelectionTable nzShowPagination nzShowSizeChanger [nzData]="" (nzCurrent 阅读全文
posted @ 2020-01-16 11:52 一个大柚子~ 阅读(2104) 评论(0) 推荐(0) 编辑
2019年12月30日
摘要: :host-context():可以对宿主及其子元素设置css,()里是对组件的祖先元素添加的类名。 基本用法: FatherComponent.html:<div class="father"> <app-child></app-child></div>ChildComponent.html:<d 阅读全文
posted @ 2019-12-30 14:08 一个大柚子~ 阅读(1582) 评论(0) 推荐(0) 编辑
2019年12月26日
摘要: 近日要开发一个能将生成的二维码另存为图片的功能(该图片呢,肯定不止一个二维码,还包括背景、文字等其他元素),首先呢,就想到了html2canvas,随便一百度就是各种踩坑日志,我也随一下大流,记录本人在开发过程中遇到的坑。 上半部分纯属踩坑,如果想看解决办法,直接拉到最下面,后面有更新。 1.基本用 阅读全文
posted @ 2019-12-26 17:25 一个大柚子~ 阅读(4031) 评论(0) 推荐(0) 编辑
2019年12月19日
摘要: 1.访问路由链接:/test/id 路由配置: {path: 'test/:id', component: TestComponent} html传参: <a href="javascript:void(0);" [routerLink] = "['/test', '121']">...</a> t 阅读全文
posted @ 2019-12-19 10:50 一个大柚子~ 阅读(2901) 评论(0) 推荐(0) 编辑
2019年11月27日
摘要: 描述: 上下滚动滚动条时,头部导航固定,左边栏随之移动;左右滚动滚动条时,左边栏固定,头部导航随之移动。这里有两种方式,都是给滚动的元素增加滚动事件scroll去实现: 改变元素css 改变元素的scrollTop或scrollLeft属性 下面直接上代码(两种方法合在一起了) html文件: 说明 阅读全文
posted @ 2019-11-27 19:10 一个大柚子~ 阅读(1355) 评论(0) 推荐(0) 编辑
摘要: 前言 依照官方例子,要给nz-time-picker组件设置某些时间范围不能选择。 正文 根据列表里设置的开始时间与结束时间,去限制弹框的时间组件选择范围。这里用到了组件的nzDisabledHours与nzDisabledMinutes属性。 html文件: <form #setForm="ngF 阅读全文
posted @ 2019-11-27 09:26 一个大柚子~ 阅读(2031) 评论(0) 推荐(0) 编辑
2019年11月12日
摘要: 前言 本人记性不好,对于别人很容易记住的事情,我愣是记不住,所以还是靠烂笔头来帮我长长记性。 参考文章:https://blog.csdn.net/xif3681/article/details/84584317 正文 NgModule作为Angular模块的核心,下面首先就来讲一讲。 1.@NgM 阅读全文
posted @ 2019-11-12 20:30 一个大柚子~ 阅读(3095) 评论(2) 推荐(0) 编辑
2019年11月11日
摘要: 前言:最近项目要实现一个拖拽功能,我在网上开始了各类搜寻,虽然后面因为数据原因舍弃了拖拽的这一需求,但是为了不辜负最近的研究,还是来记录一下。 场景需求:面试预约选时间节点,候选人之间是可以相互交换的,但是局限于面试方向相同的候选人才能相互拖拽(拖拽后即表示两个候选人之间交换面试时间)。本来此种场景 阅读全文
posted @ 2019-11-11 15:38 一个大柚子~ 阅读(7403) 评论(0) 推荐(0) 编辑