angular2: Error: TypeError: Cannot read property '…' of undefined

Question

I have attached the plunker of my angular2 code piece. I want to print a field from my JSON but unable to print that as initially my Object is null and it is being populated

Answer 1

Safe navigation operator or Existential Operator or Null Propagation Operator is supported in Angular Template. Suppose you have Component class

  myObj:any = {
    doSomething: function () { console.log('doing something'); return 'doing something'; },
  };
  myArray:any;
  constructor() { }

  ngOnInit() {
    this.myArray = [this.myObj];
  }

You can use it in template html file as following:

test-1: {{  myObj?.doSomething()}}
test-2: {{  myArray[0].doSomething()}}
test-3: {{  myArray[2]?.doSomething()}}