Как передать переменные области видимости из контроллера в $ ionicModal в ионной структуре

Я создаю приложение в Angular с использованием ионной структуры. Я пытаюсь передать переменную scope cropImgSrc в модальную область видимости, но она, похоже, не работает. Вот мой код

Код контроллера

angular.module('myApp').directive('addprofile',function(){
return{
    restrict: 'E',
    templateUrl: 'client/modules/add-profile-details/add-profile.html',
    controllerAs: 'addProfileController',
    controller: function($scope,$reactive,$ionicModal){
        var vm = this;
        $reactive(this).attach($scope);
        this.helpers({
            imgSrc: function(){
                return '';
            },
            cropImgSrc: function(){
                return '';
            }
        });
        $ionicModal.fromTemplateUrl('client/modules/add-profile-details/crop-image-modal.html', {
            scope: $scope,
            animation: 'slide-in-up'
        }).then(function(modal) {
            vm.modal = modal;
        });
        this.addAvatar = function(files){
            if (files.length > 0) {
                var reader = new FileReader();
                reader.onload = function(e){
                    $scope.$apply(function(){
                        vm.cropImgSrc = e.target.result;
                        vm.modal.show();
                });
                };
                reader.readAsDataURL(files[0]);
            }
            else {
                this.imgSrc = undefined;
            }
        };
    }
} });

И мой шаблон выглядит следующим образом

<ion-view title="Crop Avatar">
<div class="modal">
    <div class="bar bar-header bar-positive">
        <h1 class="title">Your Avatar</h1>
    </div>
    <ion-content>
        <img ng-src="addProfileController.cropImgSrc">
    </ion-content>
</div>

Может ли кто-нибудь направить меня туда, где я ошибаюсь?