NgbDropdown ng- bootstrap внутри родительского компонента - PullRequest
Новая
       52

NgbDropdown ng- bootstrap внутри родительского компонента

0 голосов
/ 01 мая 2020

У меня 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>

enter image description here

Все работает нормально, но когда у меня есть дочерний компонент, подобный этому

navbar.component. html

<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.ts 

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

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

  ngOnInit(): void {
  }
}

И я пытаюсь использовать в некотором родительском компоненте как app.component.ts 

<app-navbar></app-navbar>

Не работает, не привязывается, консоль не показывает ошибок, а сборка работает enter image description here

1 Ответ

0 голосов
/ 01 мая 2020

Похоже, компоненту navbar нужно NgbDropdownModule импортироваться. Если это так, вы увидите сообщения типа "ngbDropdown неизвестный элемент" в консоли

...