如何更改配置-调整大小时的NgbTooltipConfig放置

时间:2019-02-06 06:06:06

标签: angular ng-bootstrap

我正在使用ng bootstrap-NgbTooltipConfig。对于台式机/平板电脑,配置位置应该正确。对于移动设备,我需要在底部。即使我在配置中进行了更改,配置值也不会反映在UI中。

我该如何解决?

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';
}

0 个答案:

没有答案