通过应用程序在角度上更新特定项目的本地存储值

我在用 Angular 6

在进行用户身份验证的登录方法中。我叫服务 auth

这就是我的登录方法

loginUser() {
    const email = this.loginForm.value.username;
    const password = this.loginForm.value.password;

    this.auth.getAuthToken(email, password).subscribe(response => {

        // User is authenticated, save response access token credentials
        // in local storage using Auth Service
        this.auth.setCredentials(response);

        /**
         * Get user profile
         */
        this.account.getProfile().subscribe(
            res => {
                // Store user info to local storage
                this.auth.setProfileInfo(res);
            }
        );

        this.router.navigate(['dashboard']).then();

    });
}

现在,我有几个其他的组件可以让登录的用户更改他的个人资料信息,比如不同的组件可以更改头像,另一个组件可以更改名字等等。

在每个组件中,我都使用存储在本地存储器中的值来显示在UI中。

但每当配置文件信息被更改时,我需要手动将更新的配置文件信息存储到本地存储中,以便它可以反映到任何地方。

编辑2