Olá pessoal! Estou no meio do curso, mas confesso que não sei qual alteração deva ter feito de errado para que, ao inserir mais de uma linha, comece a aparecer vírgulas acima da tabela dos registros da negociação (na div abaixo).
<div id="negociacoesView"></div>
Ao rastrear o procedimento de inserir Negociacoes, verifiquei que começam a aparecer vírgulas após a execução do método update de View.ts, deixando o código das linhas a serem inseridas conforme abaixo.
update(model) {
1: ===>>> let template = this.template(model);
if (this._escapar)
template = template.replace(/<script>[\s\S]*?<\/script>/, '');
this._elemento.html(template);
}
Após a linha acima apontada, o html que a variável "template" fica assim: 1: Html sem formatação, conforme recuperada em tempo de execução
↵ ↵ <table class="table table-hover table-bordered">↵ <thead>↵ <tr>↵ <th>DATA</th>↵ <th>QUANTIDADE</th>↵ <th>VALOR</th>↵ <th>VOLUME</th>↵ </tr>↵ </thead>↵↵ <tbody>↵ ↵ <tr>↵ <td>3/3/2020</td>↵ <td>1</td>↵ <td>13</td>↵ <td>13</td>↵ </tr>↵ ↵ ,↵ <tr>↵ <td>5/3/2020</td>↵ <td>10</td>↵ <td>13</td>↵ <td>130</td>↵ </tr>↵ ↵ ,↵ <tr>↵ <td>11/3/2020</td>↵ <td>101</td>↵ <td>13</td>↵ <td>1313</td>↵ </tr>↵ ↵ ,↵ <tr>↵ <td>20/3/2020</td>↵ <td>12</td>↵ <td>13</td>↵ <td>156</td>↵ </tr>↵ ↵ ↵ </tbody>↵↵ <tfoot>↵ </tfoot>↵ </table>↵ ↵
2: Html formatado por mim
<table class="table table-hover table-bordered">
<thead>
<tr>
<th>DATA</th>
<th>QUANTIDADE</th>
<th>VALOR</th>
<th>VOLUME</th>
</tr>
</thead>
<tbody>
<tr>
<td>3/3/2020</td>
<td>1</td>
<td>13</td>
<td>13</td>
</tr>
,
<tr>
<td>5/3/2020</td>
<td>10</td>
<td>13</td>
<td>130</td>
</tr>
,
<tr>
<td>11/3/2020</td>
<td>101</td>
<td>13</td>
<td>1313</td>
</tr>
,
<tr>
<td>20/3/2020</td>
<td>12</td>
<td>13</td>
<td>156</td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
Agradeço antecipadamente a ajuda para compreender o caso.