estou tendo chamar esta função para editar o meu registro porem a função não é chamada usando o (click) do angular.
HTLM::
<sa-datatable [options]="options" paginationLength="true" tableClass="table table-striped table-bordered table-hover" width="100%">
<thead>
<tr>
<th>ID</th>
<th>Nome</th>
<th>Data de Criação</th>
<th>Ações</th>
</tr>
</thead>
</sa-datatable>
token = localStorage.getItem('token');
public REST_ROOT = `${environment.api_url}/forma`;
options = {
dom: "Bfrtip",
ajax: (data, callback, settings) => {
this.http.get(this.REST_ROOT, { headers: {'Authorization':"Bearer" + this.token}})
.pipe(
map((data: any)=>(data.data || data)),
catchError(this.handleError),
)
.subscribe((data) => {
callback({
aaData: data.slice(0, 100)
})
})
},
columns: [
{data: 'id'},
{data: 'nome'},
{data: 'created_at'} ,
{data: null, render: function (data, type, row) {
return "<button class='btn btn-primary' (click)=\'updatePagamento(data.id)\'>Editar</button>";
}}
],
responsive:true
}
updatePagamento(pagamento: FormaPagamento){
console.log('Chegou');
this.display2 = true;
this.configuracaoService.getPagamentoKey(+pagamento.id).subscribe( data => {
this.formularioEditPagamento.patchValue(data);
});
}