Angular2 Update variables between components

1

I'm starting at angular 2 and would like to know the best way to do this: I have 2 components, toolbar.component and profile.component.

When you update the name of the logo and your photo (this already works) I need to update this in the toolbar (which now displays static information)

What is the best way to do this? I wanted the variables to be available for every application because in the toolbar there will be a logic of messages based on the user profile, depending on which information is still missing for example.

toolbar.component.html:

<a [routerLink]="['']" id="logo-container" class="brand-logo" >Logo xxxx</a>
<li  *ngIf="tokenAuthService.userSignedIn()">
      <a [routerLink]="['/perfil']" class="nav-picture" [ngStyle]="{'background-image': 'url(http://res.cloudinary.com/dgekdykfj/image/upload/v1492383265/x7qow7ayvvhyojw7d1mi.jpg)'}"></a>
</li>

I do not know which files would be most needed to parse, so I did not put them all here. Thanks

    
asked by anonymous 19.04.2017 / 16:36

0 answers