更改变量Agular2中组件之外的值

Question

我正在尝试通过其他组件更新我的视图变量。

用户在我的UserUploadPictureComponent中上传新的个人资料图片后，我想在{{userPictureThumbnail}}更新HeaderComponent。

我的问题是：如何更新userPictureThumbnail函数中回调中的UserUploadPictureComponent()变量？

@Component({
    selector: 'my-app',
    directives: [ProtectedDirective, HeaderComponent, FooterComponent],
    template: `
    <div class="page-container-bg-solid page-boxed page-md">
        <my-header *ngIf="isAuthenticated"></my-header>
        <router-outlet></router-outlet>

        <my-footer *ngIf="isAuthenticated"></my-footer>
    </div>
        `
}) 

我已尝试@Input()和@Inject()但未成功。

谢谢！