
Angular基础知识
来源于Angular官方文档、bilibili视频学习
Moonmacheese
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
less文件转换成css文件的简单方法
1、在命令窗口全局安装npm install -g less2、cd到less所在的文件夹后,输入lessc XXX.less XXX.css就可以在当前目录下生成.css文件原创 2020-03-07 22:21:26 · 2104 阅读 · 0 评论 -
使用Angular Material的安装步骤
1、创建好项目后,新建一个terminal,输入:npm install安装好基础模块后,再安装Material所需要的模块。npm install --save @angular/cdk @angular/material @angular/animationsnpm install --save @angular/flex-layout或者:(替代方案)ng add @ang...原创 2020-03-05 22:09:17 · 1380 阅读 · 0 评论 -
Angular Material报错Error: MatDatepicker: No provider found for DateAdapter. You must import one of th
1、新建项目,安装npm依赖后,ng add @angular/material配置npm和添加一起的命令:npm i --s @angular/material @angular/cdk @angular/animations问题1:Error: MatDatepicker: No provider found for DateAdapter. You must import on...原创 2020-03-03 19:38:36 · 782 阅读 · 0 评论 -
获取表单数据的方法 +表单中常见的双向数据绑定
获取表单数据的方法方法一:dom操作获取表单数据方法二:双向数据绑定(推荐)根模块app.module**表单中常见的双向数据绑定**1、radio单选按钮form.component.html中form.component.ts中2、下拉列表3、多选框...原创 2020-02-24 15:50:31 · 341 阅读 · 0 评论 -
表单 FormBuilder
1、cart.component.html姓名、地址和提交组成的表单checkoutForm 属性来存储表单模型// ngSubmit 事件绑定来监听表单提交,并使用 checkoutForm 值调用 onSubmit() 方法<form [formGroup]="checkoutForm" (ngSubmit)="onSubmit(checkoutForm.value)">...原创 2020-02-20 21:52:00 · 494 阅读 · 0 评论 -
HttpClient 获取并显示数据
1、 HttpClientModule导入app.module.tsimport { HttpClientModule } from '@angular/common/http';@NgModule({ imports: [ BrowserModule, HttpClientModule, ], declarations: [ ], bootstrap: ...原创 2020-02-20 21:00:07 · 536 阅读 · 0 评论 -
路由的配置、跳转和嵌套
方法一:(简单路由)1、添加路由app.module.ts中 RouterModule.forRoot([ { path:'',component:ProductListComponent }, { path:'products/:productId',component:ProductDetailsComponent },])2、配置组件模板product-list.co...原创 2020-02-20 19:12:17 · 510 阅读 · 0 评论 -
可观察对象Observable版本的 HeroService
Observable 是 RxJS 库中的一个关键类。hero.service.ts中:import { Observable, of } from 'rxjs';getHeroes(): Observable<Hero[]> { return of(HEROES);}返回一个 Observable<Hero[]>,它会发出单个值。heros.compo...原创 2020-02-16 13:39:48 · 378 阅读 · 0 评论