как получить данные внутри bootstrap всплывающего окна

Question

Я использую angular 9 и bootstrap 4.3.1

Я пытаюсь использовать всплывающее окно, чтобы показать список опций, которые пользователь может выбрать, щелкнув выбранный элемент, независимо от того, работает нормально, единственная проблема - когда я использую

(click)="someFunction"

для любого элемента внутри данных контекста всплывающего окна он не запускает функцию в компоненте. js

это часть html

<div id="fromFloor-content" style="visibility: hidden">
<div id='popoverForSale' class='container  rtl  pr-3'>
  <input name="test" ngModel type="checkbox"  >
  <div class='row' id='popoverFromFloor'>
    <button id='eee' class='col p-2 btn btn-link' style='text-decoration: none' (click)="test('all')">all</button>
  </div>
  <div class='row' id='popoverFromFloor'>
    <button class='col p-2 btn btn-link' style='text-decoration: none' (click)="test('0')>0</button>
  </div>
  <div class='row' id='popoverFromFloor'>
    <button class='col p-2 btn btn-link' style='text-decoration: none' (click)="test('1')>1</button>
  </div>
  <div class='row' id='popoverFromFloor'>
    <button class='col p-2 btn btn-link' style='text-decoration: none' (click)="test('2')>2</button>
  </div>

js файл

  ngOnInit(): void {

$('#fromFloor[data-toggle="popover"]').popover({
  html: true,
  sanitize: false,
  trigger: 'focus',
  container: 'body',
  content: function() {
    return $('#fromFloor-content').html();
  },
});
  }

  test(buttonContent:string) {
console.log(buttonContent);

}

как я могу запустить кнопки внутри всплывающего окна? `