在组件内使用Angular Basic管道

Question

我正在尝试在组件中的Ionic项目中使用Angular现成的管道（即日期，大写字母），但是会出现错误。

我在src / app文件夹中有一个component文件夹。这些组件分别位于各自的文件夹中，其中包含scss，html和ts文件。

<div class="day">
  {{ day | date }}
</div>
<div class="month">
  {{ month | uppercase }}
</div>

我必须在某处导入DateModule吗？

Answer 1

没有任何名为DateModule的模块。

date pipe是CommonModule的一部分（请参阅@ angular / common包）。

CommonModule导出由BrowserModule重新导出，该浏览器自动包含在根AppModule中（在Ionic项目中也是如此）。

Answer 2

您可以从以下链接看到管道：https://angular.io/guide/pipes

以下是管道名称和用例列表。

DatePipe：根据区域设置规则格式化日期值。

UpperCasePipe：将文本全部转换为大写。

LowerCasePipe：将文本全部转换为小写。

CurrencyPipe：将数字转换为货币字符串，根据区域设置规则进行格式化。

DecimalPipe：将数字转换为带小数点的字符串，根据区域设置规则进行格式化。

PercentPipe：将数字转换为百分比字符串，根据区域设置规则进行格式化。