如何在angular 4中使用指令来设置p-日历的locale属性？

npm install primeng --save
npm install primeicons --save

import { CalendarModule } from 'primeng/calendar';

@NgModule({
  declarations: [
    // ... your components here
  ],
  imports: [
    // ... other modules here
    CalendarModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { Directive, ElementRef, Input, OnInit } from '@angular/core';

@Directive({
  selector: '[appSetLocale]'
})
export class SetLocaleDirective implements OnInit {
  @Input('appSetLocale') locale: string;

  constructor(private el: ElementRef) {}

  ngOnInit() {
    this.el.nativeElement.setAttribute('locale', this.locale);
  }
}

@NgModule({
  declarations: [
    // ... your components and directives here
    SetLocaleDirective
  ],
  // ... other module properties
})
export class AppModule { }

<p-calendar appSetLocale="zh-CN"></p-calendar>

@import "~primeng/resources/primeng.min.css";
@import "~primeicons/primeicons.css";

"styles": [
  "node_modules/primeng/resources/primeng.min.css",
  "node_modules/primeicons/primeicons.css",
  "src/styles.css"
],