expression {{..}} is not visually working correctly with safe navigation operator "?"

[developerndm]

I am using as a safe navigation operator (?) to "protect" template until HTTP call is completed this stops an error message if the variable i.name is === undefined. This is a minor annoyance.

Error message if ? not used: "TypeError: Cannot read property 'name' of undefined"

Reason for request: Visually Atom looks like the code is not encased after "?".

Error: None

Code: <div *ngFor="let i of this.posts;" >{{i?.name}}</div>