Angular教程

Angular10教程–6.1 表单验证

Angular10教程–6.1 表单验证

通常,我们都需要对用户的表单输入做验证,以保证数据的整体质量。Angular 也有两种验证表单的形式: 使用属性验证,用于模板驱动表单; 使用验证器函数进行验证,用于响应式表单。 ...
Angular 2021-07-09 78 0 0
Angular10教程–5.2 多级路由 子路由

Angular10教程–5.2 多级路由 子路由

多级路由,又称子路由,是前端框架中不可或缺的一部分。 多级路由 前面我们已经有了一个用户的列表,这次我们的需求是: 点击每个用户数据,展示详情信息在本页面。先创建一个 user 组件,...
Angular 2021-07-04 72 0 0
Angular10教程–5.1 路由参数传递及页面跳转

Angular10教程–5.1 路由参数传递及页面跳转

本节介绍路由参数及跳转相关。 准备工作 首先,我们需要将上一节的 CommentService 、 UserService 抽离成单独的文件,以便多处使用。 ng g s components/router-study/comment/comment ...
Angular 2021-07-04 98 0 0
Angular10教程–4.9 RxJs-进阶练习 实现拖拽功能

Angular10教程–4.9 RxJs-进阶练习 实现拖拽功能

为了练习rxjs操作符,本节将进行RxJs-进阶练习 实现一个基础的拖拽功能。先来看具体效果:   实现原理:通过鼠标移动,计算鼠标在页面中的位置,从而改变DOM元素绝对定位的le...
Rxjs 2021-07-03 67 0 0
Angular10教程–4.8 RxJs-demo实战练习

Angular10教程–4.8 RxJs-demo实战练习

学了再多的概念,如果没有实战,都是徒劳。这一节将写一个输入框搜索请求后台数据,显示在页面上的例子。创建一个 rxjs-demo 组件,并采用 OnPush 策略: ng g c components/rxjs-demo -c O...
Rxjs 2021-07-03 83 0 0