如何解决角9:印度数字格式,带有数字管道和语言环境'en-IN'?
我在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'}}
test.component.ts
total = 155000;
我正在将数字管道与语言环境“ en-IN”配合使用。
我想要这样的结果:1,55,000
但是我得到的是这样的:155,000
我想要仅使用区域设置和数字管道的印度数字格式的结果。
如何使用数字管道和区域设置“ en-IN”实现这一目标?
解决方法
要覆盖默认语言环境,我们需要导入import-global-variants-of-the-locale数据,请尝试以下操作。
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 {}
,
您需要导入localeIn
并将其注册到registerLocaleData
import localeIn from '@angular/common/locales/en-IN';
import { registerLocaleData } from '@angular/common';
registerLocaleData(localeIn);
Stackblitz
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。