Невозможно прочитать свойства 'cpf' из неопределенного

Question

У меня есть файл, который я использую для создания объекта, поэтому я могу сохранить его в своей базе данных.Я импортирую этот файл на свою страницу регистрации и использую ngModels, чтобы получить значения, переданные пользователем.Итак, чтобы сделать это, я создал свой объект данных на своей странице регистрации и создал переменную с именем Usuario для хранения объекта внутри моего файла.

Вот мой объект.

export const dados = {

    Documento: {
        cpf: "",
        sus: "",
        data_nasc: "",
        email: "",
        rep_email: "",
        telefone: "",
        senha: "",
        rep_senha: ""
    }
};

Затем,я импортирую свой файл.

import * as meusDados from '../interface/paciente.interface';

Тогда как я создаю экземпляр своего класса meusDados.

export class CadastroPage {

Usuario = meusDados;

}

Тогда как я храню свои данные из HTML

  <ion-list>
        <ion-item>
            <ion-label floating>CPF</ion-label>
            <ion-input type="number" [(ngModel)]="Usuario.Documento.cpf"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label floating>Cartão SUS - CNS</ion-label>
            <ion-input type="number" [(ngModel)]="Usuario.Documento.sus"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label floating>Data de nascimento</ion-label>
            <ion-input type="text" [(ngModel)]="Usuario.Documento.data_nasc"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label floating>E-mail</ion-label>
            <ion-input type="email" [(ngModel)]="Usuario.Documento.email"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label floating>Confirmação de e-mail</ion-label>
            <ion-input type="email" [(ngModel)]="Usuario.Documento.rep_email"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label floating>Telefone celular com DDD</ion-label>
            <ion-input type="tel" [(ngModel)]="Usuario.Documento.telefone"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label floating>Senha</ion-label>
            <ion-input type="password" [(ngModel)]="Usuario.Documento.senha"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label floating>Repita a senha senha</ion-label>
            <ion-input type="password" [(ngModel)]="Usuario.Documento.rep_senha"></ion-input>
        </ion-item>

Всякий раз, когда япопробуйте нажать мою кнопку, чтобы выполнить регистрацию, я получаю следующую ошибку:

ERROR TypeError: Cannot read property 'cpf' of undefined

Answer 1

Несколько вещей:

export const dados = {

    Documento: {
        cpf: "",
        sus: "",
        data_nasc: "",
        email: "",
        rep_email: "",
        telefone: "",
        senha: "",
        rep_senha: ""
    }
};

Поскольку вы выполняете импорт *, вы не импортируете только эту константу.Вы импортируете все из этого файла.Итак:

Usuario = meusDados;

не делает то, что вы думаете, что делает.Это должно быть:

Usuario = meusDados.dados;

Кроме того, я не думаю, что у вас есть действительная константа.Я думаю, что вы ищете:

export const dados: Documento = {   
        cpf: "",
        sus: "",
        data_nasc: "",
        email: "",
        rep_email: "",
        telefone: "",
        senha: "",
        rep_senha: ""
};

import { dados } from '../interface/paciente.interface';

Usario = dados;

Тогда вы бы сделали:

<ion-input type="number" [(ngModel)]="Usuario.cpf"></ion-input>