jahoon

2021年4月27日

摘要： 1、ng g s testService 2、服务必须有提供商，才可以外部使用 @Injectable({ providedIn: 'root' }) 如果只写了@Injectable()，则外部是不可以使用的 3、注册提供商的三种方式通过@Injectable 的providedIn:'root 阅读全文

posted @ 2021-04-27 19:17 jahoon 阅读(90) 评论(0) 推荐(0)

angular http服务使用步骤大全

摘要：在app.module.ts中引入HttpClientModule（HttpClient的服务提供者），以便全局注册 Angular 的 HttpClient。 import { HttpClientModule } from '@angular/common/http'; @NgModule({ 阅读全文

posted @ 2021-04-27 18:14 jahoon 阅读(456) 评论(0) 推荐(0)

学习资源

摘要： 1、Axure教程 https://docs.axure.com/axure-rp/reference/activating-rp/ 阅读全文

posted @ 2021-04-27 10:22 jahoon 阅读(41) 评论(0) 推荐(0)

2021年4月23日

UX优化

摘要： 1、按enter可以触发请求 2、有表单的页面，路由离开的时候，需要提示是否离开 3、点击特定的地方，需要将展示内容显示在页面可视区域 4、阅读全文

posted @ 2021-04-23 09:57 jahoon 阅读(75) 评论(0) 推荐(0)

2021年4月7日

6、angular服务

摘要：服务可以理解为公共的方法，项目里面需要用到的公共方法都可以抽离为一个公共的方法使用服务类的定义通常紧跟在 “@Injectable()” 装饰器之后，依赖不一定是服务 —— 它还可能是函数或值。也就是说函数或值不需要@Injectable()装饰器创建service的指令 ng generate 阅读全文

posted @ 2021-04-07 11:44 jahoon 阅读(68) 评论(0) 推荐(0)

angular 安装

摘要： 1、常规安装 npm install -g @angular/cli 2、指定安装版本(例子是安装9x版本) sudo npm install -g @angular/cli@9 ps：不加sudo可能会报权限错误阅读全文

posted @ 2021-04-07 11:10 jahoon 阅读(120) 评论(0) 推荐(0)

2021年4月1日

angular11 搜索防抖节流实时搜索

摘要： // ts 文件代码 import { Subject } from 'rxjs'; import { debounceTime,map,takeUntil } from "rxjs/operators"; destroy$ = new Subject(); searchTbNameChange$ 阅读全文

posted @ 2021-04-01 21:01 jahoon 阅读(195) 评论(0) 推荐(0)

2021年3月26日

angular常用

摘要： 1、提交表单的时候，触发表单验证 a、触发整个表单验证：this.form.markAllAsTouched(); b、触发指定单个表单元素验证：this.form.controls.name.markAsTouched(); 2、angular11路由跳转： a页面跳入b页面，在b页面获取元素距离阅读全文

posted @ 2021-03-26 17:18 jahoon 阅读(225) 评论(0) 推荐(0)

2021年3月16日

angular 提交表单时，有错误提示，立即滚动到第一个错误提示的地方

摘要： this.userProfileForm.markAllAsTouched(); if (this.userProfileForm.controls.firstName.value == '') this.scrollToFirstInvalidControl('firstName'); else 阅读全文

posted @ 2021-03-16 14:33 jahoon 阅读(192) 评论(0) 推荐(0)

2021年3月12日

angular-material compareWith select默认选中某一项

摘要： Angular引入了一个方便的指令来帮助您比较选择的选项。让我们看看这个指令是如何工作的。将此指令添加到您的选择中： <select [compareWith]="byAnimal" [(ngModel)]="selectedAnimal"> <option *ngFor="let animal o 阅读全文

posted @ 2021-03-12 10:02 jahoon 阅读(208) 评论(0) 推荐(0)

公告