Question

我有一个输入类型字段，用于输入Angular 2+中的数字。我想为此字段添加本地化支持。含义 - ＆gt;根据浏览器的区域设置（语言设置），我希望输入字段以该特定语言格式显示数字。假设我有一个值为200000.65的数字这在意大利语语言环境（语言 - ＆＃39; it＆＃39;）应显示为200.000,65，在美国语言环境（en-US）中，应显示为200,000.65。请注意，这是一个输入字段，因此用户也可以编辑这些值。

我尝试使用Angular 2中提供的默认DecimalPipe，但我不确定如何将其应用于具有本地化支持的输入字段。

附加的plunkr，具有基本设置：https://plnkr.co/edit/jIg87FmLKa0VDGkoR87k?p=preview

import {Component, NgModule, VERSION} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {FormsModule} from '@angular/forms'
import {CommonModule} from '@angular/common'

@Component({
  selector: 'my-app',
  template: `
    <div>
      <input [ngModel]="num | number:'1.2-4'" 
      (ngModelChange)="num=$event" name="inputField" type="text" />
    </div>
  `,
})
export class App {
  num = '200000.65456';
  constructor() {
  }
}

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

更新：

我正在使用github.com/robisim74/angular-l10n。这是现场的例子。 robisim74.github.io/angular-l10n-sample /＃/验证

如何在Angular 2+中向输入类型字段添加本地化支持

0 个答案: