文章目录

快速上手范例应用组件交互 路由注册路由使用路由信息 数据服务概念创建服务启用HttpClient在 AppModule 中为应用启用 HttpClient在服务中使用 HttpClient 表单部署本地构建发布

快速上手

范例应用

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

组件交互

创建子组件 右键单击 app 文件夹，使用 Angular Generator 生成一个名为 product-alerts 的新组件。

父传子

子传父

路由

注册路由

使用路由信息

数据服务

概念

服务是 Angular 应用的重要组成部分。在 Angular 中，服务是一个类的实例，它可以借助 Angular 的依赖注入系统来让应用中的任何一个部件都能使用它。服务可以让你在应用的各个部件之间共享数据。

创建服务

启用HttpClient

Angular 的 HTTP 客户端（ HttpClient ）是一种内置的方式，可以从外部 API 中获取数据，并以流的形式提供给你的应用。

在 AppModule 中为应用启用 HttpClient

在服务中使用 HttpClient

异步显示通过http请求获取到的数据。

表单

Angular 的 FormBuilder 服务为生成控件提供了方便的方法。和你使用过的其它服务一样，你需要导入并注入该服务，然后才能使用它：

部署

本地构建

ng build --prod

发布

dist/my-project-name 文件夹中的文件都是静态的，可以托管在任何能够提供文件服务的 Web 服务器上（比如 Node.js，Java，.NET），也可以是任何后端（比如 Firebase，Google Cloud，App Engine 等）。