Variables 更改Agular2中组件外部的变量值

我试图用另一个组件更新我的视图变量

在用户在my UserUploadPictureComponent中上载其新的配置文件图片后，我想更新my

HeaderComponent

中的

{{userPictureThumbnail}}

我的问题是：如何在我的

UserUploadPictureComponent（）

函数中更新回调中的

userPictureThumbnail

变量

@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>
        `
}) 

@组件({
选择器：“我的应用程序”，
指令：[ProtectedDirective，HeaderComponent，FooterComponent]，
模板：`
`
}) 

我尝试了

@Input（）

和

@Inject（）

但没有成功

---

谢谢大家!

你的用户上传图片组件在哪里？？？您是否正在使用redux或任何客户端状态容器？您的问题没有提供足够的信息来调试该问题。我试图做的是在Header.component.ts之外的回调中更改模板中打印的{Variable}}值（Header.html-该{{Variable}}之前在Header.component.ts中定义）。有可能吗？我想知道同样的事情，但你必须在这里写下两个组件，否则没有人会响应。你的用户上传图片组件在哪里？？？您是否正在使用redux或任何客户端状态容器？您的问题没有提供足够的信息来调试该问题。我试图做的是在Header.component.ts之外的回调中更改模板中打印的{Variable}}值（Header.html-该{{Variable}}之前在Header.component.ts中定义）。有可能吗？我想知道同样的事情，但你必须在这里写下两个组件，否则没有人会回应。