How to initialise a nested object which is being defined in OnInit? Angular2

Question

So I keep getting this error "TypeError: Cannot read property 'otherDocumentaryEvidence' of undefined". I understand I need to initialise this object somehow but I am unsure of the process of this. My understanding is that the object gets defined during the ngOnInit stage from a template service

ngOnInit(): void {
    this._templateService
        .getTemplateSnapshot(this.template)
        .responseData()
        .subscribe(templateSnapStream => {
            return this.shareCase = templateSnapStream.result;
        })
}

My object looks like this

export class ShareCase {
    shareCaseReason?: string;
    caseDetails?: ICasedeit;
    involvedPersonsAndOrganisations?: IInvolved;
    policeOfficer?: IPolice;
    incidents?: IIncident;
    offences?: IOffence;
    suspect?: ISuspectDetails
    witnessStatements?: IStatements;
    interviewNotes?: IIncident;
    notebookEntries?: INotebook;
    victims?: IVictim;
    witnesses?: IWitness;
    physicalEvidence?: IEvidence;
    otherDocumentaryEvidence?: IDocEvidence;
}

In my component code I initialise both the Share Case object and the otherDocumentaryEvidence object in the constructor like so:

 this.shareCase = new ShareCase();
 this.shareCase.otherDocumentaryEvidence = new IDocEvidence();

But I still get the same error? I am unsure of why this is. The line in my template which calls this object also looks like this

 <div *ngIf='shareCase && shareCase.case.otherDocumentaryEvidence && shareCase.case.otherDocumentaryEvidence.length > 0'>

Any help would be greatly appreciated!

Aravind · Accepted Answer · 2017-07-27 07:52:29Z

1

You are missing an additional check in your *ngIf

<div *ngIf='shareCase && 
            shareCase.case && 
            shareCase.case.otherDocumentaryEvidence && 
            shareCase.case.otherDocumentaryEvidence.length > 0'>

You are missing shareCase.case check

answered Jul 27, 2017 at 7:52

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

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

2 Comments

Edward Muldrew Over a year ago

Magic! Thank you so much!

Aravind Over a year ago

Happy to help you

Eduardo Vargas · Accepted Answer · 2017-07-27 07:58:25Z

1

Try adding the question mark for null/undefined check.

<div *ngIf='shareCase && shareCase.case?.otherDocumentaryEvidence && shareCase.case?.otherDocumentaryEvidence.length > 0'>

answered Jul 27, 2017 at 7:58

Eduardo Vargas

9,5022 gold badges22 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to initialise a nested object which is being defined in OnInit? Angular2

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related