Não esta sendo exibido o console.log

Prezados revisei os codigos e aparentemente estão idênticos aos da aula, mas mesmo assim continua sem aparecer a mensagem do console.log, seguem os components: nova-transferencia.component.ts

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

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

}) export class NovaTransferenciaComponent{

transferir() { console.log('Solicitada nova transferência'); } }

nova-transferencia.component.html

Nova Transferência

<div class="form-field">
  <label class="form-field_label" for="destino">Destino</label>
  <input class="form-field_input" id="destino" type="text" />
</div>

<div class="botao_wrapper">
  <button class="botao" type="submit">Transferir</button>
</div>

app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { NovaTransferenciaComponent } from './nova-transferencia/nova-transferencia.component'; import { AppComponent } from './app.component'; import { FormsModule } from '@angular/forms';

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

Vcs podem identificar o que está acontecendo de errado? Grato,