Entrar Ainda não tem acesso?
1
resposta

component/nova-transferencia.component.ts

Referente ao curso Angular: explorando o framework, no capítulo Rotas e atividade Faça como eu fiz: Implementando!

por Osmar Alves Cardoso Junior
| 1k xp | 4 posts

Olá, professor !

Conseguir concluir bytebank só que ao inserir os dados de "valor" e "destino" não está aparecendo na tela. Acredito que deve ser no component de nova-transferencia. Veja abaixo:

import { HttpClient } from '@angular/common/http'; import { Component, Output, EventEmitter } from '@angular/core'; import { Router } from '@angular/router'; import { Transferencia } from '../services/models/transferencia.model'; import { TransferenciaService } from '../services/transferencia.service';

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

public valor: number; public destino: number;

constructor( private service: TransferenciaService, private router: Router ) { }

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

const valorEmitir: Transferencia = {
  valor: this.valor,
  destino: this.destino,
};
// this.aoTransferir.emit(valorEmitir);
this.service.adicionar(valorEmitir).subscribe((resultado) => {
  console.log(resultado);
  this.limparCampos();
  this.router.navigateByUrl('extrato')
},
  (error) => console.error(error)
);
// this.limparCampos();

} limparCampos() { this.valor = 0; this.destino = 0; } }

1 resposta
por Alessandro Muras de Oliveira Pino
| 15.1k xp | 19 posts
Analista de Sistema

Olá!

Tem como enviar print da tela renderizada no navegador, assim como o arquivo nova-transferencia.component.html?

Ah, quando for inserir código, para ficar melhor para visualizar, por favor utilize o botão no editor de texto do fórum: "Inserir bloco de código", ou atalho ctrl+alt+c

Segue abaixo o código de nova-transferencia.component.ts, caso queira comparar:

import { Transferencia } from './../models/transferencia.model';
import { Component, EventEmitter, Output } from '@angular/core';
import { Router } from '@angular/router';

import { TransferenciaService } from '../services/transferencia.service';


@Component({
  selector: 'app-nova-transferencia',
  templateUrl: './nova-transferencia.component.html',
  styleUrls: ['./nova-transferencia.component.scss'],
})
export class NovaTransferenciaComponent {
  @Output() aoTransferir = new EventEmitter<any>();

  valor: number;
  destino: number;

  constructor(private service: TransferenciaService,
              private router: Router) {}

  transferir() {
    console.log('Solicitada nova transferencia');
    //console.log('Valor: ', this.valor);
    //console.log('Destino: ', this.destino);

    const valorEmitir: Transferencia = {
      valor: this.valor,
      destino: this.destino,
    };
    //this.aoTransferir.emit(valorEmitir);

    this.service.adicionar(valorEmitir).subscribe(
      (resultado) => {
        console.log(resultado);
        this.limparCampos();
        this.router.navigateByUrl('extrato');
      },
      (error) => console.log(error)
    );
  }

  limparCampos() {
    this.valor = 0;
    this.destino = 0;
  }
}