在IONIC中更改编辑配置文件中的配置文件图片以及侧栏

时间:2017-10-31 09:10:52

标签: ionic-framework

当我在编辑个人资料页面中更改时,如何在编辑个人资料页面中更改个人资料图片,它必须同时反映到我的边栏

在我的情况下,我可以使用cordova插件在编辑个人资料中更改我的个人资料图片,但它不能反映在我的侧栏显示任何人可以帮助的前一个图像???

提前致谢

1 个答案:

答案 0 :(得分:0)

您需要使用events

这就是我为它所做的。 在页面中更改个人资料图片后,我将该个人资料页面更新为nativestorage,然后在侧边菜单中发布更新个人资料图片的事件。

this.nativeStorage.setItem('uImage', "Image Url goes here");
this.events.publish('profileUpdated');

在app.component.ts中:

 this.events.subscribe('profileUpdated', () => {

        this.nativeStorage.getItem('uImage')
        .then( (data)=> {
          this.uImage = data;
          console.log(this.userData);
        },(error)=> {
          console.log(error);
        });
    });

在显示菜单的app.html中,

 <img src="{{uImage}}">