javascript - Angular 9：带有数字管道和区域设置“en-IN”的印度数字格式？

Question

我在 Angular 9 中有这样的代码：

main.ts

import { LOCALE_ID } from '@angular/core';
platformBrowserDynamic().bootstrapModule(AppModule,{
  providers: [{provide: LOCALE_ID, useValue: 'en-IN' }]
})

test.component.html

{{total | number:'1.2-2':'en-IN'}}

测试组件.ts

total = 155000;

我正在使用带有区域设置“en-IN”的数字管道。

我想要这样的结果：1,55,000

但我是这样的：155,000

我想要仅使用区域设置和数字管道的印度数字格式。

如何使用数字管道和语言环境“en-IN”来实现这一点？

标签： javascriptangular

Answer 1

要覆盖默认语言环境，我们需要导入 import-global-variants-of-the-locale-data，尝试以下操作。

app.module.ts

import "@angular/common/locales/global/en-IN";

@NgModule({
  imports: [BrowserModule, FormsModule],
  declarations: [AppComponent, HelloComponent],
  providers: [{ provide: LOCALE_ID, useValue: "en-IN" }],
  bootstrap: [AppComponent]
})
export class AppModule {}

例子