NGX-bootstrap infobulle ne pas apparaître dans angular2

Question

J'ai une application angulaire cli et besoin d'inclure infobulle pour un bouton ici est mon app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import {BenefitsManagementModule} from './benefits-management/benefits-management.module'; 
import { AppComponent } from './app.component'; 
import { LoginComponent } from './login/login.component'; 
import { AuthService } from './auth/auth.service'; 
import {AppRoutingModule} from './app-routing.module'; 
import { TooltipModule } from 'ngx-bootstrap'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    LoginComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    BenefitsManagementModule, 
    AppRoutingModule, 
    TooltipModule.forRoot() 
    ], 
    providers: [ 
    AuthService 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }; 

ici est mon html pour le bouton

<button type="submit" [disabled]="!benefitScheduleForm.valid" class="btn btn-md btn-primary" style="float:left;">Add</button> <button type="button" tooltip="mytooltip" class="btn btn-md btn-primary" style="float:right;" (click)="cancel()">Cancel</button> </div>

Quelqu'un peut-il me aider?

Answer 1

Quelle version d'Angular utilisez-vous?

Voyez-vous quelque chose dans votre console Chrome/ng serve?

Cela peut être dû à une version Angular trop ancienne. Assurez-vous que vous utilisez les dernières versions de Angular (au moins 4.x) et ngx-bootstrap.

Bien qu'un plunkr aiderait en effet, je ne vois rien de mal avec le code que vous avez posté. La méthode cancel() existe-t-elle réellement dans votre composant?

Meilleur

Answer 2

Je faisais face au même problème. La solution était de définir la propriété d'opacité à 100.

.tooltip { 
 
    opcacity: 100; 
 
}