# Angular滑动验证插件

**Repository Path**: CrimsonHu/angular_slide_verify

## Basic Information

- **Project Name**: Angular滑动验证插件
- **Description**: Angular原生语法写的滑动验证插件，不依赖第三方库，使用rxjs做监听事件，双向绑定和ElementRef操作样式
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 2
- **Created**: 2020-04-08
- **Last Updated**: 2024-08-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Angular滑动验证插件

#### 介绍
Angular原生语法写的滑动验证插件，不依赖第三方库，使用rxjs做监听事件，双向绑定和ElementRef操作样式，支持移动端。
Angular在国内使用量太少了，第三方插件也很少，故做此插件为Angular生态贡献自己的一份力量

#### 使用说明
将核心代码的三个文件复制到自己项目中即可，引用该component。

![输入图片说明](https://images.gitee.com/uploads/images/2020/0408/120342_ba0a8c43_1403243.png "7A9B7F75-E4DA-43A0-9525-ADB88945C264.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0408/120421_1913c619_1403243.png "308B5E3E-45F9-4C8D-9EAE-A74221C30321.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0408/120542_2744f484_1403243.png "12A73E53-FFEF-4F7E-A867-88504228FF2B.png")

详细使用方法可以参考demo例子

![输入图片说明](https://images.gitee.com/uploads/images/2020/0408/120725_16d05a23_1403243.png "FE65AC8E-7738-4F6C-BC0E-4E7CDF4F9F03.png")