Tabela não aparece na view

Boa dia, não aparece erro no console, no entanto a lista não está sendo exibida.

Alguma poderia me ajudar...?

Negociacao-controller.ts

import { Negociacao } from "../models/negociacao.js"; import { Negociacoes } from "../models/negociacoes.js"; import { NegociacoesView } from "../views/negociacoes-view.js";

export class NegociacaoController { private inputData: HTMLInputElement; private inputQuantidade: HTMLInputElement; private inputValor: HTMLInputElement; private negociacoes = new Negociacoes(); private negociacoesView = new NegociacoesView ('#negociacoesView');

constructor(){
    this.inputData = document.querySelector('#data');
    this.inputQuantidade = document.querySelector('#quantidade');
    this.inputValor = document.querySelector('#valor');
    this.negociacoesView.update();

};

adiciona(): void{
    const negociacao = this.criaNegociacao()
    this.negociacoes.adiciona(negociacao)
    console.log(this.negociacoes.lista())

    // Depois que exibir no console a negociação, limpar o formulário método abaixo.
    this.limparFormulario();
}

criaNegociacao(): Negociacao{
    const exp = /-/g;
    const date = new Date(this.inputData.value.replace(exp, ','));
    const quantidade = parseInt(this.inputQuantidade.value)
    const valor = parseFloat(this.inputValor.value)
    return new Negociacao(date, quantidade, valor);
}

// Método para limpar ao formulário após enviar. limparFormulario(): void{ this.inputData.value=''; this.inputQuantidade.value=''; this.inputValor.value=''; this.inputData.focus(); // Método focus significa que a escrita volta para a primeira linha (Data).

}

}

negociacoes-view.ts

export class NegociacoesView {

private element: HTMLElement;

constructor(selector: string) {
    this.element = document.querySelector(selector);
}

template(): string{
return `
<table class=" table table-hover table-bourdered table-striped"> 
    <thead>
        <tr>
            <th>DATA</th>
            <th>QUANTIDADE</th>
            <th>VALOR</th>
        </tr>
    </thead>    
    <tbody>

    </tbody>
</table>    

`;

}
update(): void {
    this.element.innerHTML = this.template();
}

}