Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Não consegui fazer o botão do projeto responder ao click

Então guys, é basicamente o título. Eu fui seguindo as aulas mas me perdi em algum ponto. Acontece que o botão não responde, e acaba não retornando o console.log que deveria retornar, se alguém puder ajudar eu agradeço

o HTML do componente está assim:

<section class="container">
    <form class="formulario" (ngSubmit)="transferir()">
      <h2 class="formulario__titulo">Nova Transferência</h2>

      <div class="form-field">
        <label class="form-field__label" for="valor">Valor</label>
        <input class="form-field__input" id="valor" type="text" [(ngModel)]="valor" name="valor" />
      </div>

      <div class="form-field">
        <label class="form-field__label" for="destino">Destino</label>
        <input class="form-field__input" id="destino" type="text" [(ngModel)]="destino" name="destino" />
      </div>

      <div class="botao-wrapper">
        <button class="botao" type="submit">Transferir</button>
      </div>
    </form>
  </section>

já o .ts do componente está assim:

import { Component } from '@angular/core';

@Component({
  selector: 'app-nova-transferencia',
  templateUrl: './nova-transferencia.component.html',
  styleUrls: ['./nova-transferencia.component.scss'],
})
export class NovaTransferenciaComponent {

  valor!: number;
  destino!: number;

  transferir() {
    console.log('Solicitada nova transferência');
    console.log('Valor: ', this.valor);
    console.log('Destino: ', this.destino);
  }
}

e o app.module.ts tá assim:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { NovaTransferenciaComponent } from './nova-transferencia/nova-transferencia.component';
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent,
    NovaTransferenciaComponent
  ],
  imports: [
    BrowserModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

eu criei todos os componentes pelo terminar através dos comando ng g c .........

como nada fez o botão funcionar, eu abri o github da aula e tentei copiar os códigos para o meu vs code, pra ver se era algum erro bobo que eu deixei passar. Mas mesmo assim não funcionou, então vim aqui pedir ajuda kkkkkkkkk

1 resposta
solução!

Consegui encontrar o erro aqui. Abri o debug e fui pelo Chrome e lá funcionou tudo 100%, eu uso sempre o Edge, então fui no automático aqui. Por algum motivo, pelo Microsoft Edge não funcionou, mas no Chrome funciona normalmente. Estranho isso, o console.log simplesmente não responde pelo Edge. Se alguém souber pq isso aconteceu, a titulo de curiosidade, eu agradeço.