ng-bootstrap не отображает всплывающую подсказку, несмотря на следующие инструкции в других ответах на этот вопрос

Question

In https://github.com/jimshowalter/vocabutron/blob/master/src/app/add-word/add-word.component.html. Следуя инструкциям в ответе на ng-bootstrap не отображается подсказка не работает.Это должно быть что-то глупо очевидное, но я этого не вижу.

Answer 1

Показывает всплывающую подсказку с «непрозрачностью: 0», поэтому она невидима для наших глаз.Добавьте свойство 'tooltipClass' и добавьте 'opacity: 1;'в этот класс.Например:

add-word.component.html:

  <button type="submit" class="btn btn-success" [disabled]="!wordForm.form.valid" placement="bottom" ngbTooltip="Use this to add word to learn later" tooltipClass="opacity-1">Learn Later</button>
  <button type="submit" class="btn btn-success" [disabled]="!wordForm.form.valid" (click)="learn()" placement="bottom" ngbTooltip="Use this to add word you've already learned" tooltipClass="opacity-1">I've Learned It</button>

styles.css:

.opacity-1 { opacity: 1; }