ModalInstance更新上传图片

时间:2016-01-20 04:52:24

标签: html angularjs angular-ui-bootstrap

我正在尝试从拖放功能上传图片。我已经设置了模态和我的拖放功能,但我遇到的问题是当我上传文件时我想更新img src。我的控制器有一个简化版本。

app.controller("CreateUploadInstanceCtrl", ["$scope", "$uibModalInstance",
function ($scope, $uibModalInstance) {

    this.image = "/path";
}]);

在我的模态电话中,我有以下内容:

 var modalInstance = $uibModal.open({
            templateUrl: 'app/views/forms/upload_profile_picture.html',
            controller: 'CreateUploadInstanceCtrl',
            }
        });

在我的Html中我会假设我可以打电话 <img ng-src="{{image}}"/>要在上传时显示图片,但我看不到任何触发。我不知道如何将this.image转换为html端,因为我无法将控制器加载到html视图中。我是否需要一个决心,如果是这样,我将如何使用决心?

任何帮助都会很棒。

1 个答案:

答案 0 :(得分:0)

而不是this.image,尝试使用$ scope.image并在html中指定ng-controller =“CreateUploadInstanceCtrl”