Как связать CSS-файл с тем же каталогом и HTML-файл?

Фактически, @ngbPopover обновляется только после вызова метода open.

Вы можете изменить свой код следующим образом. Идея состоит в том, что вы должны закрыть popover до установленного значения, а затем снова открыть.

HTML

<input (keyup)="onTextChange($event)" type="text" class="form-control" id="fontFamilyHeader" aria-describedby="fontFamilyHeader" placeholder="Enter font family">

<button class="btn btn-primary" ngbPopover #a="ngbPopover">Click me </button>

ts

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

@Component({
  selector: 'ngbd-popover-triggers',
  templateUrl: 'src/popover-triggers.html'  
})
export class NgbdPopoverTriggers {
  @ViewChild('a') public a:NgbPopover;

  public onTextChange(event: any) {


    const isOpen = this.a.isOpen();
    if(isOpen)
    {
       this.a.close();
    }
    this.a.ngbPopover= event.target.value;
    this.a.open(event.target.value);

  }
}