angular
To-Infinity
这个作者很懒,什么都没留下…
展开
-
【Angular】深入总结angular核心,都是干货
为什么写这篇文章:使用angular开发也有快2年的时间,突然有一天有人问我,你能不能给我简单讲一下angular框架?虽然每天都在使用,却不知如何表述,故决定写这样一篇文章。一句话知识点:Angular本身就是用 TypeScript 写成的,核心功能和可选功能作为一组 TypeScript库,根据需要导入到应用中;Angular 的基本构建块是NgModule(特性模块),为...原创 2020-04-01 22:46:53 · 1572 阅读 · 0 评论 -
【angular】primeng源码分析, 自定义表单元素checkbox组件,实现ngModel双向数据绑定及FormControl表单验证功能(超实用)
背景:最近项目准备使用angular7,想快速入手,最好的方式就是自己动手封装一些常用的组件,在此可以直接参考primeng,重构一些常用的组件。目的:封装一个checkbox组件废话不多说,跟着下面的步骤,完整的跑通一个组件的开发。checkbox.component.html<div [ngStyle]="style" [ngClass]="'app-chkbox a...原创 2019-05-22 11:20:01 · 1413 阅读 · 0 评论 -
【angular】手写一个超简易实用的AppInputSwitch滑块组件
效果图开发思路小球就是一个伪类即可实现;左右滑动效果、背景渐变等,实际就是一个动画,css实现;父组件提供一个change事件,可以理解为在值发生改变时的回调函数;html<div class="app-inputswitch" (click)="inClick()" [ngClass]="{'app-inputswitch-checked': value}"&g...原创 2019-05-22 14:50:50 · 382 阅读 · 0 评论 -
【angular】 封装组件的整体思路和实现的全过程,完成一个radio表单组件
要实现的效果html基本样式控制,事件,参数写进去<div [ngStyle]="style" [ngClass]="'app-radio app-widget'" [class]="styleClass"> <div class="app-helper-hidden-accessible"> <input #rb type="radio...原创 2019-05-27 15:14:38 · 1092 阅读 · 0 评论 -
【angular】ReactiveForms响应式表单验证实践(包含设置默认值及重置功能)
创建表单数据模型export class FormControlValidatorModel { name: string; // 姓名 age: string; // 年龄 hobbyList: string[]; // 爱好 sex: string; // 性别 constructor(data: any = {}) { this.name = data.nam...原创 2019-05-28 14:00:01 · 1598 阅读 · 2 评论