Angular 6根据区域设置更改值

import { LOCALE_ID } from '@angular/core';
import { registerLocaleData } from '@angular/common';
import localeEnUS from '@angular/common/locales/en-US';

// 注册英文（美国）的区域设置
registerLocaleData(localeEnUS);

@NgModule({
  // ...
  providers: [
    { provide: LOCALE_ID, useValue: 'en-US' }
  ],
  // ...
})
export class AppModule { }

<p>当前日期和时间：{{ currentDate | date }}</p>

import { Component, OnInit } from '@angular/core';
import { LocaleService } from 'ngx-bootstrap';

@Component({
  // ...
})
export class MyComponent implements OnInit {
  currentValue: string;

  constructor(private localeService: LocaleService) { }

  ngOnInit() {
    // 订阅区域设置更改事件
    this.localeService.localeChange.subscribe(() => {
      // 根据新的区域设置更新值
      this.currentValue = this.getCurrentValue();
    });

    // 初始化值
    this.currentValue = this.getCurrentValue();
  }

  getCurrentValue(): string {
    // 根据区域设置返回相应的值
    // 这里可以根据具体需求自定义逻辑
    return '根据区域设置的值';
  }
}