ngx-datepicker header空

Question

我正在尝试使用 ngx-datepicker，但无论我做什么，header（日期选择器导航部分）都是空的。

预期结果：
https://i.stack.imgur.com/4dBOO.png
当前结果：
https://i.stack.imgur.com/UMjnY.png
https://i.stack.imgur.com/yhpOu.png

我的日期选择器组件代码：

模板代码：

<ngb-datepicker #dp [(ngModel)]="model" (navigate)="date = $event.next"></ngb-datepicker>

component.ts

import { Component, OnInit } from '@angular/core';
import {NgbCalendar, NgbDateStruct} from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'app-date-picker',
  templateUrl: './date-picker.component.html',
  styleUrls: ['./date-picker.component.scss']
})
export class DatePickerComponent implements OnInit {

  model: NgbDateStruct;
  date: {year: number, month: number};

  constructor(private calendar: NgbCalendar) {
  }

  ngOnInit(): void {
  }
}

依赖关系：

  "@angular/animations": "~11.1.2",
  "@angular/common": "~11.1.2",
  "@angular/compiler": "~11.1.2",
  "@angular/core": "~11.1.2",
  "@angular/forms": "~11.1.2",
  "@angular/platform-browser": "~11.1.2",
  "@angular/platform-browser-dynamic": "~11.1.2",
  "@angular/localize": "11.0.9",
  "@angular/router": "~11.1.2",
  "@ng-bootstrap/ng-bootstrap": "^9.1.0",
  "@ngx-translate/core": "^13.0.0",
  "@ngx-translate/http-loader": "^6.0.0",
  "bootstrap-with-rtl": "^1.0.3",
  "ngx-pagination": "^5.0.0",
  "ngx-select-ex": "^6.0.2",
  "ngx-webstorage": "^7.0.1",
  "bootstrap": "^4.5.3",
  "rxjs": "~6.6.0",
  "tslib": "^2.0.0",
  "zone.js": "~0.11.3"

编辑：
这是问题的最小再现：
https://stackblitz.com/edit/angular-ivy-w83mcv?file=src/app/app.component.ts

Answer 1

运行npm install @angular/localize
后解决然后将 import '@angular/localize/init'; 添加到 polyfills.ts

Answer 2

我在这里看到，也许那个问题的标签不正确，因为它不是 ngx-bootstrap 库，它是 ng- bootstrap

ngx-datepicker header空

ngx-datepicker header empty

angular

typescript

ng-bootstrap

ngx-bootstrap