模块 - 将组件、管道和服务添加到模块

让我们开始定义一个新的组件，我们将用来显示信用卡信息。

credit-card.component.ts

此组件依靠获取信用卡号，并通过creditCardMask管道隐藏掉除最后4位之外的数字。

credit-card-mask.pipe.ts

一切就绪后，我们现在可以在根组件中使用 。

app.component.ts

app.module.ts

注意，我们已将组件CreditCardComponent和管道与模块AppComponent的根组件一起添加到声明属性中。 另一方面，我们的自定义服务使用具有属性的依赖注入系统进行配置。

在下一节中，我们将了解如何安全地定义功能模块中的服务。