Кнопка Html Bind с событием нажатия в Angular7

Question

У меня есть приложение, которое написано angular7. Я генерирую таблицу из базы данных динамически. В строках хочу добавить кнопку с событием клика. Приведенная ниже процедура отправляет html-строку с событием щелчка.

PROCEDURE GET_HEADCOUNT_TABLE(P_REFCURSOR OUT SYS_REFCURSOR,P_FILTER_1 IN varchar2:='-1',P_FILTER_2 IN varchar2:='1',P_FILTER_3 IN VARCHAR2:='-2')
IS v_date date;vlist varchar(2000);
BEGIN
        IF P_FILTER_3='-1' then SELECT  MAX(TARIH) into v_date FROM  FINANS.FNC_PAYROL_ACTUAL; end if;
        IF P_FILTER_3='-2'and  P_FILTER_2=1 then v_date:=sysdate-30; end if;
        IF P_FILTER_3='-2'and  P_FILTER_2=2 then v_date:=sysdate-7; end if;
        IF P_FILTER_3!='-2'AND P_FILTER_3!='-1' then v_date:=TO_DATE(P_FILTER_3,'DD.MM.YYYY'); end if;
        select listagg('''' || POSITION || ''' as "COL' || ROWNUM || '"', ',') within group (order by ID) into vlist from   (select distinct x.ID, x.POSITION from HRANALY.HEADCOUNT_HR_POSITIONS x )   ;   

        OPEN P_REFCURSOR FOR
        SELECT * FROM(
        SELECT  DEPARTMENT AS COL1 ,POS_NAME ,
        '<a class="btn" #btn data-isDetay="1" (click)="GET_DETAY("GET_HEADCOUNT_PERSONEL","'||DEPT_ID||'","'||POS_ID|| '",'||'"31.08.2019"'|| ')" data-sp="GET_HEADCOUNT_PERSONEL" title="Actual" data-params="'||DEPT_ID||','||POS_ID|| ','||'31.08.2019'|| '">'|| COUNT(SICIL) ||'</a>'
        AS ACTUAL FROM (
        SELECT DISTINCT SICIL,NAME,SURNAME,ISACTIVE,SAP_ORG_KOD,POS_ID,POS_NAME ,GROUP_ID,GROUP_NAME, DEPT_ID,  DEPARTMENT
        FROM HRANALY.VIEW_HEADCOUNT_HR_BASE

        WHERE 
        TARIH=v_date 
        AND POSITION NOT IN ( 'Production Engineering Operator (PT)', 'Specialist (PT)','Operator (PT)', 'Inter','Intern','Doctor (PT)','Timekeeper (7104)','Physiotherapist (PT)')
        ) GROUP BY DEPARTMENT,POS_NAME,POS_ID,DEPT_ID) X
        pivot 
        (
           MIN(ACTUAL)
           for POS_NAME in 
           ( 
                'Managin Director' as "COL2",'VP' as "COL3",'Plant Director' as "COL4",'Manager' as "COL5",'Team Leader' as "COL6",'Process Manager' as "COL7",'Specialist' as "COL8",'Production System Engineer' as "COL9",'Supervisor' as "COL10",'Method Manager' as "COL11",'Supervisor Candidate' as "COL12",'Operator' as "COL13",'Operator Part Time' as "COL14"           )
           )
        ;

END GET_HEADCOUNT_TABLE

ниже данных, которые я отправил

<a class="btn" #btn data-isDetay="1" > (click)="GET_DETAY("GET_HEADCOUNT_PERSONEL","10","5","31.08.2019")" 
data-sp="GET_HEADCOUNT_PERSONEL" title="Actual" data-params="10,5,31.08.2019">1</a>

ниже данных, кажется в HTML

<a class="btn" title="Actual" >9</a>

В угловом я написал

<table class="table table bordered itemtable" >
      <thead>
            <tr>
                   <th *ngFor="let column of data.COLUMNS">  {{column}} </th>

            </tr>
     </thead>
     <tbody>
           <tr *ngFor="let row of data.ROWS">
               <td *ngFor="let column of data.COLUMNS;let i = index" class="isColor{{row['COL0']}}" [innerHTML]="row['COL'+(i+1)]" ></td>
          </tr>
     </tbody>
 </table>

Я использовал тег [innerHTML] для привязки. Как я могу отправить кнопку из базы данных с событием клика?

Заранее спасибо