父组件内的NgbDropdown ng-bootstrap

Question

我有这样的NgbDropdown

<div ngbDropdown class="d-flex justify-content-end">
          <button class="btn" id="dropdownMenu" ngbDropdownToggle>Toggle
            dropdown</button>
          <div ngbDropdownMenu aria-labelledby="dropdownMenu">
            <button ngbDropdownItem>Action - 1</button>
            <button ngbDropdownItem>Another Action</button>
            <button ngbDropdownItem>Something else is here</button>
          </div>
   </div>

工作正常，但是当我有这样的子组件

navbar.component.html

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html'
})
export class NavbarComponent implements OnInit {
  constructor() { }

  ngOnInit(): void {
  }
}

navbar.component.ts

<app-navbar></app-navbar>

并且我尝试在某些父组件中使用，例如 app.component.ts

{{1}}

它不起作用，不绑定，控制台不显示错误，并且构建它正在起作用

Answer 1

好像需要导入NgbDropdownModule的导航栏组件。 如果是这种情况，您会在控制台中看到诸如“ ngbDropdown未知元素”之类的消息