面试题：Angular货币转换管道的基本使用

Question

在Angular项目中，假设已有一个数字变量表示金额，如何使用货币转换管道将其显示为美元格式（例如：$1,234.56），请写出在组件模板中的代码，并说明可能需要导入的模块。

Answer 1

在组件模板中可以这样写：

{{ amount | currency:'USD' }}

其中amount是表示金额的数字变量。

需要导入的模块是CommonModule，在app.module.ts中导入：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform - browser';
import { CommonModule } from '@angular/common';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    CommonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

CommonModule中包含了currency管道。