随笔分类 -  angular

Service服务
摘要：1、ng g s testService 2、服务必须有提供商，才可以外部使用 @Injectable({ providedIn: 'root' }) 如果只写了@Injectable()，则外部是不可以使用的 3、注册提供商的三种方式 通过@Injectable 的providedIn:'root 阅读全文
posted @ 2021-04-27 19:17 jahoon 阅读(97) 评论(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 阅读(464) 评论(0) 推荐(0)
angular-material compareWith select默认选中某一项
摘要：Angular引入了一个方便的指令来帮助您比较选择的选项。让我们看看这个指令是如何工作的。将此指令添加到您的选择中： <select [compareWith]="byAnimal" [(ngModel)]="selectedAnimal"> <option *ngFor="let animal o 阅读全文
posted @ 2021-03-12 10:02 jahoon 阅读(212) 评论(0) 推荐(0)
angular路由router
摘要：this.router.events .pipe( filter(event => event instanceof NavigationEnd), map(() => this.activatedRoute), map(route => { while (route.firstChild) rou 阅读全文
posted @ 2020-11-16 15:23 jahoon 阅读(112) 评论(0) 推荐(0)
关于module
摘要：在angular中有一个核心module叫app.module，但是如果我们把所有的东西都放在app.module里面就不好维护，所以我们可以建立多个module来管理不同的模块 例如，我们可以建立一个share.module来管理所有的公共模块，然后再app.module中导入share.modu 阅读全文
posted @ 2020-11-12 15:06 jahoon 阅读(79) 评论(0) 推荐(0)
angular material 使用步骤
摘要：tips：默认你已经安装了必备步骤 如angular npm 1、首先在你的电脑上安装angular npm install my-app 2、angular 安装成功之后安装material npm install --save @angular/material @angular/cdk @an 阅读全文
posted @ 2020-09-12 10:57 jahoon 阅读(1300) 评论(0) 推荐(0)
杂-笔记
摘要：cookieservice import { CookieService } from 'ngx-cookie-service'; private cookies: CookieService 存储cookie this.cookieService.set("userId",this.userId) 阅读全文
posted @ 2020-09-01 14:59 jahoon 阅读(202) 评论(0) 推荐(0)
angular httpClient大全
摘要：引入来自it营 Angular5.x 以后 get、post 和和服务器交互使用的是 HttpClientModule 模块。 使用步骤： 1、在 app.module.ts 中引入 并注入 import {HttpClientModule} from '@angular/common/http'; 阅读全文
posted @ 2020-08-28 22:20 jahoon 阅读(661) 评论(0) 推荐(0)
angular cli Form表单大全
摘要：1⃣️基础单个表单使用步骤 响应式表单和模板驱动表单都建立在下列基础类之上。 FormControl 实例用于追踪单个表单控件的值和验证状态。 FormGroup 用于追踪一个表单控件组的值和状态。 FormArray 用于追踪表单控件数组的值和状态。 ControlValueAccessor 用于 阅读全文
posted @ 2020-08-28 11:13 jahoon 阅读(102) 评论(0) 推荐(0)
angular 模块化设计
摘要：定义 AppModule，这个根模块会告诉 Angular 如何组装该应用。 引用：https://www.baidu.com/link?url=KLsXU6YwleCQZ8YXE54OFvz1nsNvBFb13qdIPL7X73ZpZCZRyW4ugedJIXdIo1eJ&wd=&eqid=e76 阅读全文
posted @ 2020-08-27 23:20 jahoon 阅读(166) 评论(0) 推荐(0)