Javascript *使用引导下拉菜单无法正常工作

我正在尝试创建多个下拉按钮，其中包含指向弹出窗口的链接。这是我的HTML代码：

<div *ngFor="let service of index.value | keyvalue: unsorted; let j = index" class ="btn-group">
      <ul style="list-style-type:none;">
        <li *ngFor ="let key of service.value | keyvalue: unsorted">   
          <ng-template #tipContent>Timestamp: {{key.value}} </ng-template>
          <button *ngIf="key.key.includes('timestamp')" class="btn btn-info dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" [ngbTooltip]="tipContent" id = "msg{{i}}{{j}}" [style.marginLeft.px] = "getLeftMargin(j)">
            {{service.key}}
          </button>


<!-- Error occurs here, unable to create this menu --> 
          <div *ngFor ="let msg of key.value | keyvalue: unsorted" class="dropdown-menu">
            <ng-template #tipContent>Timestamp: {{msg.value}} </ng-template>

          <!-- When this button is clicked, it displays a popup with the message in the div below -->
          <button *ngIf ="msg.key.includes('InTimestamp')" class ="dropdown-item" [ngbTooltip]="tipContent"  (click)="openPopUp(trace.traceId+'Incoming'+service.key)">
            Incoming
          </button>  
            <div *ngIf ="msg.key.includes('Incoming')" id="msg{{trace.traceId}}Incoming{{service.key}}" class ="modal">
              <div class="modal-content">
                <span id="close{{trace.traceId}}Incoming{{service.key}}" class='close'>&times;</span>
              <p>{{msg.value}}</p>
              </div>
            </div>
          
          
            <a class="dropdown-item" href="#">Another action</a>
            <a class="dropdown-item" href="#">Something else here</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">Separated link</a>
          </div>
         
      
 
        </li>
      </ul>
      
    </div>

时间戳：{{key.value}
{{service.key}}
时间戳：{{msg.value}
新当选的
&时代；
{{msg.value}

每当我单击下拉菜单时，都会出现以下错误：

zone evergreen.js:171未捕获类型错误：无法读取属性 null的“setAttribute”

为什么我总是遇到这个错误，我该如何修复它？

下面一行

将使用

class=“dropdown menu”

我不是html的专家，但这似乎并不正确。通过快速搜索，这里有人会如何使用它

      <div class="dropdown-menu">
         <a class="dropdown-item" *ngFor ="let msg of key.value | keyvalue: unsorted" href="#">{{msg}}</a>           
      </div>

引用setAttribute的代码在哪里？@rhavelka我没有引用setAttribute的代码。这是我从引导程序中得到的一个错误。我通过删除类来测试它，它按照预期工作。我不认为键是空的。你删除了什么？我从div中删除了这个类：“下拉菜单”。unsorted只是一个空函数，我使用它对输入到对象中的消息进行排序：unsorted（）{}我没有说任何关于该类的内容。无论是管道还是值都有问题，这就是我的意思。我已经检查了有管道和没有管道的情况，错误仍然存在。我在控制台中进行了检查，结果发现这个值似乎存在一个令人困惑的问题。当我在没有类“下拉菜单”的情况下运行代码时，值会按预期显示。不知道发生了什么事。