Javascript 设置词缀'；数据偏移顶部角度

我正在使用Bootstrap和Angular 4构建一个项目。我想使用从引导粘贴插件。由于我的项目将是一个真正的网站，因此在不同的屏幕大小下工作，菜单的位置将因设备而异。为了设置词缀，它需要获得元素（在我的例子中是导航栏）的确切顶部位置（或“偏移”），并且需要将该位置插入一个称为数据偏移顶部的属性

<nav class="navbar navbar-inverse"
     data-spy="afix" 
     [attr.data-offset-top]="triggerValue" 
     role="navigation">

在控制台中，正如预期的那样，我从函数中获得了输出，但效果不会触发。你能告诉我怎样才能解决这个问题，或者我是否遗漏了什么

先谢谢你

ngAfterViewInit() {
  let triggerValue: number;
    triggerAffixYValue = document.getElementById("main-menu")
                                 .getBoundingClientRect()
                                 .top;
console.log("Offset: " + triggerValue);