Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Data pré populada não funciona

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...

2 respostas
solução!

Experimentou para o cliente e reiniciar? Olhando assim rapidamente não vejo erro algum.

Aguardo seu feddback.

Agora tá funcionando...

Engraçado, ontem quando me aconteceu isso, reiniciei o servidor do ionic e continuou com o problema, agora pela manhã, ao fazer esse teste de novo, está ok! Vai entender...