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

Question

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

主要.ts

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

测试.component.html

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

测试组件.ts

total = 155000;

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

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

但我变得这样：155,000

我想要印度数字格式的结果，仅包含区域设置和数字管道。

如何使用数字管道和区域设置“en-IN”来实现此目的？

Answer 1

要覆盖默认区域设置，我们需要导入 import-global-variants-of-the-locale-data，请尝试以下操作。

应用程序模块.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 {}

例子