Как изменить конфигурацию - размещение NgbTooltipConfig при изменении размера

Question

Я использую ng bootstrap - NgbTooltipConfig.Для рабочего стола / планшета расположение конфига должно быть правильным.Для мобильного мне нужно это снизу.Значение конфигурации не отображается в пользовательском интерфейсе, даже если я изменил его в конфигурации.

Как мне решить эту проблему?

Code:

windowWidth = window.innerWidth;

constructor(private config: NgbTooltipConfig) {
  this.tooltipPos();
}

@HostListener('window:resize', ['$event'])
resize(event): void {
  this.windowWidth = window.innerWidth;
  this.tooltipPos();
}

tooltipPos(): void {
  this.config.placement = this.windowWidth <= 500 ? 'bottom' : 'right';
}