Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Evento não acionado

A função importarDados() não está funcionando. Copiei conforme a transcrição e não aparece sequer uma mensagem de erro.

//NegociacaoControler.ts
importarDados() {

        alert('oi');

    }

----

//app.ts

import { NegociacaoController } from './controllers/NegociacaoController';

const controller = new NegociacaoController();
$('.form').submit(controller.adiciona.bind(controller));
$('#botao-importa').click(controller.importarDados.bind(controller));

-----
//index.html

 <button id="botao-importa" class="btn btn-primary" type="button">Importar</button>
5 respostas

Fala ai Alice, tudo bem? O código foi compilado corretamente, gerou o JavaScript, tudo certinho?

Tente ver se o jQuery está encontrando seu elemento na página:

$('#botao-importa')

Caso ele esteja encontrando, adicione uma função de teste para ver se vai ser chamada:

$('#botao-importa').click(() => console.log('CLIQUEI...'))

Verifique se será logado a String no console.

Espero ter ajudado.

Oi, Matheus. Não gerou o código javascript e não aparece o console.log que está dentro da função no browser.

solução!

Você está rodando o comando para compilar o código TypeScript para JavaScript?

Esse problema pode ser por N motivos, vamos ter que ir tentando e conversando até acharmos.

Se quiser, compartilha o projeto comigo que eu dou uma olhada por aqui com mais detalhes e calma.

Pode compartilhar via Github ou Google Drive (zipado).

Fico no aguardo.

Oi, Matheus. O problema é que eu não consegui instalar uma das dependências no computador que estou utilizando no momento, mas refiz o curso em outra máquina e deu certo. Muito obrigada pela ajuda!!

Boa Alice, fico feliz que tenha conseguido resolver o problema.

Sempre que precisar não deixe de criar suas duvidas.

Abraços e bons estudos.