Logo
Section 1 / 9

管道概述

我们将创建一个新项目,并对管道进行基本概述。

导入

管道概述

我们将创建一个新项目,并对管道进行基本概述。

接下来我们将关注的是 管道(pipes)。在本节中,你将学习什么是管道。在开始之前,我们将使用一个新项目。

创建新项目

如果你在本地运行代码,请执行以下命令:

1ng new pipes

在设置过程中,系统会提示你配置项目。请使用默认设置。

新项目的结构如下所示:

No configuration found for ID: 137f71e9bc4cb7d1411be0bc6f3674f59bf591046b0a86953226ff7c1524331c

什么是管道?

管道是一种用于格式化值的函数。它是模板中的一个功能,可用于修改表达式的结果输出。虽然管道也可以在模板之外使用,但这种情况较为少见。

Angular 内置了一些管道。你可以在文档中查看可用的管道列表:https://angular.io/api?type=pipe。

此外,你还可以创建自定义管道。我们将会同时学习内置管道和自定义管道。

组件基础

管道基础