установка $ rootScope, но не отображается в ng-src

Question

установка $ rootScope, но не отображается в ng-src

0

Я использую ионную структуру 1 в своем развитии. То, что я намереваюсь достичь, - это обновить образ профиля одного и того же вида после того, как пользователь успешно загрузит изображение. Мой код выглядит следующим образом:

<img ng-src="{{ $root.user.userImageUrl }}">

Это услуга:

fileTransfer.upload(image, url, function (res) {
    $cordovaDialogs.alert('Update image success', 'Success').then(function () {
        $rootScope.user.userImageUrl = res;
        console.log($rootScope.user.userImageUrl);
    })
});

Я уверен, что код, который я написал, верен, так как он отражает новый образ, загруженный пользователем, если $rootScope.user.userImageUrl не является действительной ссылкой изображения сначала. Однако, если $rootScope.user.imageUrl имеет действительную ссылку изображения для отображения сначала, изображение того же вида не будет обновлено (что означает, что старое изображение все еще сохраняется в представлении)

Я не уверен, в чем проблема, так как я делал макет в скрипке. Может быть, это связано с ионным взглядом? Я даже применяю $rootScope.$apply() но то, что я получил, - это дайджест, уже примененный.

Ссылка на пример

vincentsty 18 авг. 2016, в 13:00

Источник

Теги:

ionic-framework

angularjs

1 ответ

Ещё вопросы

Andrey Goncharov · Answer 1 · 2016-08-18T08-26-00.000Z

Макет, который вы приложил, работает как прелесть с незначительным редактированием. http://jsfiddle.net/Lvc0u55v/8446/

Все, о чем я могу думать, это попытаться обернуть его таймаутом:

fileTransfer.upload(image, url, function (res) {
    $cordovaDialogs.alert('Update image success', 'Success').then(function () {
     $timeout(function() {
        $rootScope.user.userImageUrl = res;
        console.log($rootScope.user.userImageUrl);
     });
    })
});

будет проверять это, но не могли бы вы объяснить, почему требуется тайм-аут? разве это не должно быть асинхронным после отложенного обратного вызова?
В моем обновленном макете это работает прямо из коробки без таймаута. Я просто подумал, что из-за использования ionic может потребоваться принудительная перерисовка, тайм-аут обернет назначение в блок $ apply и заставит наблюдателей сработать.
хорошо, я попробовал это и с $ rootScope.apply () и без. И то, и другое по-прежнему не меняет изображение. Однако после применения $ timeout сообщение об ошибке $ digest исчезло. Но это все равно не меняет того факта, что оригинальное изображение все еще сохраняется.