Olá Mylena!
Pelo que você descreveu, parece que o problema pode estar relacionado à forma como o saldo está sendo atualizado e exibido. Vamos verificar alguns pontos que podem ajudar a resolver o problema:
Verifique as Importações: Certifique-se de que todos os módulos estão corretamente importados nos arquivos que os utilizam. Especialmente, verifique se Conta está sendo importado corretamente em saldo-component.ts e nova-transacao-component.ts.
Atualização do Saldo: No arquivo nova-transacao-component.ts, após registrar a transação, você deve chamar SaldoComponent.atualizar() para garantir que o saldo seja atualizado na interface.
Exportações e Importações: Confira se o Conta e SaldoComponent estão sendo exportados e importados corretamente. Por exemplo, export default Conta; e import Conta from "../types/Conta.js";.
Verifique o HTML: Certifique-se de que o elemento HTML que exibe o saldo está correto e que o JavaScript está conseguindo acessá-lo. O seletor usado deve corresponder exatamente ao que está no HTML.
Console do Navegador: Abra o console do navegador (F12) e veja se há algum erro adicional que possa dar pistas sobre o que está acontecendo.
Verifique o Tipo de Transação: No método registrarTransacao, verifique se novaTransacao.tipoTransacao e novaTransacao.valor estão sendo passados corretamente.
Erro 405: Esse erro geralmente está relacionado a métodos HTTP incorretos. Verifique se o formulário está sendo enviado corretamente e se o método (GET, POST, etc.) está adequado.
Dê uma olhada nesses pontos e veja se algum deles resolve o problema. Se ainda houver dificuldades, pode ser útil revisar os vídeos para garantir que todos os passos foram seguidos corretamente.
Espero ter ajudado e bons estudos!