Подсказка не отображается в ng-bootstrap

Question

Я пытаюсь использовать ng-bootstrap(1.1.0) с Angular(5.2.0) и bootstrap(4.0). Хотя я импортировал все конкретные модули, я не могу отобразить всплывающую подсказку. Ниже мой код:

app.module.ts:

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({
declarations: [AppComponent, ...],
imports: [NgbModule.forRoot(), ...],
bootstrap: [AppComponent]
})
export class AppModule {
}

component.html:

<ul class="navbar-nav">
  <li>
   <button type="button" class="btn btn-outline-secondary mr-2" 
     placement="bottom" ngbTooltip="Tooltip text">Hover over me
   </button>
  </li>
</ul>

Кто-нибудь, пожалуйста, помогите мне знать, что я делаю неправильно.

Answer 1

Вам нужно добавить BrowserModule а также NgModule в ваше приложение.

Вот как твой app.module.ts должен выглядеть:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

import { AppComponent } from './app.component';

@NgModule({
  imports:      [ BrowserModule, NgbModule.forRoot() ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }