Angularjs привязка изображения не работает

Question

Я довольно плохо знаком с angularjs. У меня есть URL, который выглядит примерно так: http:/abc. Этот URL ссылается на изображение, которое постоянно меняется, но в новом угловом изображении по какой-то причине на него не ссылаются. Например, если URL ссылается на изображение A, а я изменяю ссылку на B, url по-прежнему ссылается на старое изображение и для отображения нового я должен перезагрузить веб-страницу. Кажется, связывание не происходит должным образом. Проблема настолько запутанная, что я не уверен, какой фрагмент кода я должен поставить здесь в качестве ссылки.

     Please find code snippted below

updatePicture(url: string) {
                    var self: any = this;
                    var profileData: any = this.func.getProfilefromcache();
                    var info: ng.IPromise<any> = this.profileService.func(profileData);
                    info.then(function (data: any): void {
                        if (data.data) {

                            var profileData: any = self.userProfileCacheService.getProfilefromcache();

             profileData.summary.pictureURL.value = url;//url image reference is updated

    self.userProfileCacheService.setProfilecache(profileData);

           self.$state.go('.', {}, { reload: true });

                        }
                        else {

                            self.$uibModalInstance.dismiss('close');
                            angular.element(document.querySelector('#overlay')).removeClass('active');
                        }
                    });
                    promiseBusinessCardInfo.catch(function (data: any) {
                        self.notificationAlert.showGlobalMessage();
                    });