Ionic 4:当我从IOS中的控制器更改它时,“ img”标签的“ src”内容未更新

问题描述 投票:0回答:1

我正在开发适用于Android和IOS的应用程序。

我有一个个人资料页面,用户可以在其中更改个人资料图片。照片出现在视图中并实时更改。

我的代码在视图中是这样的:

<img alt="logo" style="width:15vh; height:15vh; border-radius: 50%;" src="{{pictureusuariomenu}}">

pictureusuariomenu是在控制器中找到的变量。]​​>

使用该变量,我上传的是图片的URL,我在那里进行了更新。这是函数:

updateStoredImages(name) {
    this.storage.get(STORAGE_KEY).then(images => {
        let arr = JSON.parse(images);
        if (!arr) {
            let newImages = [name];
            this.storage.set(STORAGE_KEY, JSON.stringify(newImages));
        } else {
            arr.push(name);
            this.storage.set(STORAGE_KEY, JSON.stringify(arr));
        }

        let filePath = this.file.dataDirectory + name;
        let resPath = this.pathForImage(filePath);
       // alert(resPath);
        this.urlImage=resPath;


        let newEntry = {
            name: name,
            path: resPath,
            filePath: filePath
        };
        this.images=[]; //borrar las imagenes anteriores (no crear la lista de imagenes)
        this.images = [newEntry, ...this.images];
        this.urlImage = this.images[0].path;
        this.colocarImagenEnProfile(this.urlImage);     
        this.ref.detectChanges(); // trigger change detection cycle
    });
}

在此行:

this.colocarImagenEnProfile(this.urlImage);

我要做的是:

colocarImagenEnProfile(newFileName){
    this.pictureusuariomenu=newFileName;
}

现在,android中的这种方式可以很好地更新视图中的个人资料图像:

之前:

enter image description here

之后:

enter image description here

但是在IOS中,这不起作用。该视图根本没有更新

之前:

enter image description here

之后:

enter image description here

什么都没有出现,只有几个字母。但是视图不会在IOS中更新。

可能是什么?

我的规格:

enter image description here

我正在为Android和IOS开发一个应用。我有一个个人资料页面,用户可以在其中更改个人资料图片。照片出现在视图中并实时更改。我的代码在...

ios ionic-framework ionic4
1个回答
0
投票

您忘记绑定它。放置它而不是您的HTML标记:

© www.soinside.com 2019 - 2024. All rights reserved.