文章目录

快速上手教程：英雄指南管道双向绑定CSS类绑定Observable（RxJS）路由添加 AppRoutingModule添加路由出口 RouterOutlet添加路由链接 (routerLink)路由类型获取带参数的路由回退 服务端请求数据启用HTTP服务HttpClient返回数据错误处理HTTP修改数据HTTP添加数据HTTP删除数据http Options优化搜索操作异步管道

快速上手

教程：英雄指南

这个范例演示了本篇描述的所有语法和代码片段

管道

双向绑定

[(ngModel)] 是 Angular 的双向数据绑定语法。 使用双向绑定，需要在app.module.ts文件中引入FormsModule模块

CSS类绑定

Observable（RxJS）

路由

添加 AppRoutingModule

在 Angular 中，最好在一个独立的顶层模块中加载和配置路由器，它专注于路由功能，然后由根模块 AppModule 导入它。按照惯例，这个模块类的名字叫做 AppRoutingModule，并且位于 src/app 下的 app-routing.module.ts 文件中。

添加路由出口 RouterOutlet

添加路由链接 (routerLink)

路由类型

简单路由重定向路由带参数的路由

获取带参数的路由

回退

服务端请求数据

启用HTTP服务

HttpClient返回数据

错误处理

HTTP修改数据

HTTP添加数据

HTTP删除数据

http Options

优化搜索操作

异步管道