Create variable of Model class in TypeScript

Question

I have model EmailModel class model :

    export class EmailModel {

    public name: String;
    public lastname: String;
    public address: String;
    public company: String;
    public zipcode: number;
    public city: String;
    public phonenumber: number;
    public email: String;
    public product: ProductModelOrder[] = [];



    constructor(name: String, lastname: String, address: String, company: String, zipcode: number, city: String, phonenumber: number, email: String,product: ProductModelOrder[]) {
        this.name = name;
        this.lastname = lastname;
        this.address = address;
        this.company = company;
        this.zipcode = zipcode;
        this.city = city;
        this.phonenumber = phonenumber;
        this.email = email;
        this.product = product;
    }
}

And I created the variable emailModel of my class EmailModel. This is my var: emailModel =< EmailModel>{};

I get the undefined error when I using the this.emailModel.product, but when I using the this.emailModel.name or other properties everting is well.

Like this : emailModel =< EmailModel>{};

SIn san sun
– SIn san sun

2019-09-24 16:11:24 +00:00
Commented Sep 24, 2019 at 16:11 — SIn san sun
– SIn san sun, Commented Sep 24, 2019 at 16:11

Pardeep Jain · Accepted Answer · 2019-09-24 16:10:29Z

1

you need to initilize array to be as empty array like this in order to use like normal property of object -

public product: ProductModelOrder[] = [];

answered Sep 24, 2019 at 16:10

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

SIn san sun Over a year ago

Thanks this sole problem.

SIn san sun Over a year ago

Could you please see my updated EmailModel class, I have the same error and it is very strange

Pardeep Jain Over a year ago

for me working fine, see here stackblitz.com/edit/angular-adug2r, can you reproduce your issue here?

Zouhair Ettouhami · Accepted Answer · 2019-09-24 16:12:04Z

1

The product attribute is an array of "ProductModelOrder" and should also be initialized

answered Sep 24, 2019 at 16:12

Zouhair Ettouhami

2261 silver badge5 bronze badges

1 Comment

SIn san sun Over a year ago

Thanks for the help.

Gabriel Marcondes · Accepted Answer · 2019-09-24 16:24:57Z

1

One thing is your class definition, other thing is instantiating your object. Your class definition looks alright.

Now lets try to instantiate:

let products: ProductModelOrder[] = []; //Creates an instance for the array of products
let product: ProductModelOrder = new ProductModelOrder(...); //Creates an instance for a product
product.someproperty = "somevalue"; //Sets value to property
products.push(product); //Adds the product to the list

let emailModel = new EmailModel(..., products); //Instantiates the main object, passing the instantiated array

console.log(emailModel.products[0].someproperty);//Logs the value of the property "someproperty", in this example it should print "somevalue".

Please note that I have renamed the property EmailModel.product to EmailModel.products because it can contain many products.

edited Sep 24, 2019 at 16:24

answered Sep 24, 2019 at 16:18

Gabriel Marcondes

1,0302 gold badges8 silver badges15 bronze badges

1 Comment

SIn san sun Over a year ago

Thanks for this example is useful.

Collectives™ on Stack Overflow

Create variable of Model class in TypeScript

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related