How to use an alias name for Angular expression?

Question

I am using Angular 7

I have following template

<div>
{{myService.userInfo.firstName}} {{myService.userInfo.lastName}}
</div>

I want to make it short by substituting user instead of myService.userInfo

<div>
{{user.firstName}} {{user.lastName}}
</div>

How can I do this like ng-init in AngularJS.

Answer 1

create a getter property that will return the userinfo object

 get user(){
      return this.myService.userInfo;
 }

and use like

<div>
   {{user.firstName}} {{user.lastName}}
</div>