A data não vem populada quando carrega a tela de cadastro.
cadastro.ts:
import { Carro } from '../../domain/carro/carro';
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
@Component ({
templateUrl: 'cadastro.html'
})
export class CadastroPage
{
public carro: Carro;
public precoTotal: number;
public nome: string;
public endereco: string;
public email: string = 'teste';
public data: string = new Date().toISOString(); // A data é uma string, pq o component ion-datetime retorna uma string
constructor (public navCtrl: NavController, public navParams: NavParams)
{
this.carro = this.navParams.get('carro');
this.precoTotal = this.navParams.get('precoTotal');
}
agenda ()
{
console.log(this.nome, this.endereco, this.email, this.data);
}
}
cadastro.html
<ion-header>
<ion-navbar>
<ion-title>Estamos quase lá!</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<h2>
{{ carro.nome }}
</h2>
<p>R${{ precoTotal }}</p>
<form (ngSubmit)="agenda()">
<ion-item>
<ion-label stacked>Nome</ion-label>
<!-- 2-way data binding que faz com o valor venha do backend e também vá para lá -->
<ion-input name="nome" type="text" [(ngModel)]="nome"></ion-input>
</ion-item>
<ion-item>
<ion-label stacked>Endereço</ion-label>
<ion-input name="endereco" type="text" [(ngModel)]="endereco"></ion-input>
</ion-item>
<ion-item>
<ion-label stacked>E-mail</ion-label>
<ion-input name="email" type="text" [(ngModel)]="email"></ion-input>
</ion-item>
<ion-item>
<ion-label stacked>Data</ion-label>
<ion-datetime name="data" displayFormat="DD/MM/YY" type="text" [(ngModel)]="data"></ion-datetime>
</ion-item>
<button ion-button block type="submit">Finalizar agendamento</button>
</form>
</ion-content>
fiz um teste com o campo email e esse sim funciona normalmente...