>app.module.ts中 引入模块
~~~
import {HttpClientModule} from "@angular/common/http";
~~~
>同理注 依赖注入 模块
~~~
imports: [
BrowserModule,
HttpClientModule,
FormsModule,
AppRoutingModule
],
~~~
>在要使用的地方 httpclient.component.ts 中引入模块
~~~
import {HttpClient,HttpHeaders} from "@angular/common/http";
~~~
>构造函数初始化中依赖注入
~~~
export class HttpclientComponent implements OnInit {
constructor(public httpclient:HttpClient) { }
}
~~~
>具体使用
~~~
public rxjsHttp(){
let api='http://www.mxact.com/v1/gateway/core/commonweal/tencent_gj_url';
//rxjs
this.httpclient.get(api).subscribe(response=>{
console.log(response);
})
}
public rxjsPost(){
//header头
const httpOptions={
headers:new HttpHeaders({"asadasd":"enaaa"})
}
let api='http://www.mxact.com/v1/gateway/core/commonweal/tencent_gj_url';
//rxjs
this.httpclient.post(api,{url:"http://www.baidu.com"},httpOptions).subscribe(response=>{
console.log(response);
})
}
~~~
- 引言
- 安装angular9
- 入门
- 数据绑定
- 属性绑定
- 实体字符和转义
- html 模板运算
- css样式规范
- 数组与循环ngFor
- 条件ngIf
- 管道
- 事件执行
- 双向数据绑定mvvm
- todolist页面交互
- 公共服务层
- 数据持久化
- dom与ViewChild装饰器
- 父子组件传值
- 子父组件传值ViewChild
- 子父组件out装饰器
- 生命周期-挂/卸载
- es6语法io异步promise
- Rxjs异步数据流编程
- http_request
- axios异步数据
- 英雄route路由
- 动态route路由
- navigate route
- Parent child routing
- modularization
- lazyload