A pasta AluraCar-Webservice sempre cai e apresenta erro

Meus Códigos.

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, AlertController, Alert } from 'ionic-angular';
import { Carro } from '../../modelos/carro';
import { AgendamentosServiceProvider } from '../../providers/agendamentos-service/agendamentos-service';
import {HomePage} from '../home/home';
import {Agendamento} from '../../modelos/agendamento';

import { Storage } from '@ionic/storage';
import { Observable } from 'rxjs/Observable';



@IonicPage()
@Component({
  selector: 'page-cadastro',
  templateUrl: 'cadastro.html',
})
export class CadastroPage {

  public carro: Carro;
  public precoTotal: number; 

  public nome: string = '';
  public endereco: string = '';
  public email: string = '';
  public data: string = new Date().toISOString();

  private _alerta: Alert;

  constructor(public navCtrl: NavController, 
      public navParams: NavParams,
      private _agendamentoService: AgendamentosServiceProvider,
      private _alertCrtl: AlertController,
      private _storage: Storage
    ) 
  {

        this.carro = this.navParams.get('carroSelecionado');
        this.precoTotal = this.navParams.get('precoTotal');
  }


  agenda(){

    if(!this.nome || !this.endereco || !this.email) {
      this._alertCrtl.create({
        title: 'Preenchimento obrigatório',
        subTitle: 'Preencha todos os campos',
        buttons: [
          { text : 'Ok'}
        ]
      }).present();

      return;

    }

    let agendamento:  Agendamento = {
      nomeCliente: this.nome,
      enderecoCliente: this.endereco,
      emailCliente: this.email,
      modeloCarro: this.carro.nome,
      precoTotal: this.precoTotal,
      confirmado: false,
      enviado: false      
    }

    this._alerta = this._alertCrtl.create({
      title: 'Aviso',
      buttons: [
        { text: 'OK', 
          handler: () => {
            this.navCtrl.setRoot(HomePage);
        } 
      }
      ]
    });  

    let mensagem = '';

    this._agendamentoService
    .agenda(agendamento)
    .mergeMap( () => this.salva(agendamento))
    .finally(
      () => {
        this._alerta.setSubTitle(mensagem);
        this._alerta.present();
      }
    )
    .subscribe( 
      () => { 
          mensagem = 'Agendamento realizado!';
      },
      () => { 
          mensagem = 'Falha no Agendamento, tente novamente mais tarde';
      }
    );
  }

  salva(agendamento) {
    let chave = this.email + this.data.substr(0,10);
    let promisse = this._storage.set(chave, agendamento);

    return Observable.fromPromise(promisse);
  }


}

Boa noite, Andre! Como vai?

Como o próprio erro já diz, a API não está conseguindo encontrar a função substr() de undefinid.

TypeError: Cannot read property 'substr' of undefined

Isso está acontecendo pq vc não está enviando a data do agendamento para a API!

No entanto, não se preocupe pq esse já era um problema esperado e será corrigido logo mais a frente nessa aula aqui!

Espero que esteja gostando do curso pq ainda tem a parte 2 com mtas surpresas e coisas bacanas pela frente!

Grande abraço e bons estudos, meu aluno!

Muito Obrigado Gabriel.

Vou continuar e testar na aula acima e pretendo concluir com a parte 2. Gostei do Ionic, porem, faz um tempo que fiz o Angular 2 e tenho uma duvida, porque quando fiz era para Ionic 2 e percebi que existiram várias melhorias principalmente em encapsulamento de rotinas em Ionic 3.

E diferente do proposto em Node.js no curso, estou fazendo com um backuground em Java EE. Poderia apenas me dar um exemplo como ficaria um GET e um POST retornando o próprio objeto enviado em Ionic 3

Tenho um serviço em rest que envio email e senha e verifico o logon, porem, não quero fazer GET conforme curso e meu serviço retorna o próprio usuário com os demais dados preenchidos. Está tudo de Json, que vai e vem. Estou tendo problemas porque subscribe não aparece, pede Observabe e lembro que tinha como fazer um Observable ou alguma coisa que vinha a classe modelo escolhida... Detalhe, estou usando Post por um motivo, não desejo um serviço com dados em URL, quero encapsular em um form post.

Porque acho esse exemplo importante, porque invés de ser um simples logon é o mesmo caminho das pedras para uma função que executa uma ação, retorna um objeto e com esse objeto vc efetiva uma outra ação com uma escolha do usuário, dependências de objetos usando Webservice Rest.

Detalhe, não tenho código a te dar porque optei em refazer e iniciei o Ionic 3 justamente para tentar sanar isso.

Pode dar um exemplo disso? Ou tem em algum capitulo?

Boa tarde, Andre! Como vai?

O ideal é que vc abra um outro tópico referente à essa dúvida para que os assuntos não se misturem num mesmo tópico até para facilitar que outras pessoas que possam estar com o mesmo problema que vc possam interagir.

Grande abraço e bons estudos, meu aluno!

Muito Obrigado pela resposta e compreendo perfeitamente, não abri de cara para saber como proceder corretamente. Vou tentar novamente antes e caso não consiga abro sim.

Muito Obrigado

Mto bem, Andre!

Sempre que tiver qualquer dúvida é só mandar aqui no fórum!

Grande abraço e bons estudos, meu aluno!

Ia falar a mesma coisa aqui, rs.

Eu consegui simular os mesmos processos que o professor alterando a linha com erro direto no webservice:

Caminho: aluracar-webservice/aluracar-webservice/api.js

// const agendamentoId = agendamento.emailCliente + agendamento.data.substr(0, 10);
const agendamentoId = agendamento.emailCliente + agendamento.data;

Quando for concertar, basta adicionar o substr igual fizemos no método salvar:

this.data.substr(0, 10)

Assim, todos conseguem simular igual ao do Professor. /o/