Bir denetleyiciden kapsam değişkenlerini iyonik çerçevedeki $ ionicModal biçimine nasıl geçiririm

Question

İyonik çerçeve kullanarak Açısal olarak bir uygulama yapıyorum Etki alanı değişkenine kırpmaImgSrc geçirmeye çalışıyorum ancak bu tür çalışmak gibi görünüyor. İşte benim kod

Kontrolör Kod

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; 
      } 
     }; 
    } 
} }); 

Ve ben yanlış gidiyorum

<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> 

kimse bana yol misiniz şöyle benim Şablon nedir? modal içinde kontrol Şimdi $ kapsamı altında olduğu

Answer 1

Önce bu satırı vm.modal = modal değiştirmeyi deneyebilirsiniz, <img ng-src="addProfileController.cropImgSrc">

Answer 2

ile <img ng-src"addProfileController.cropImgSrc"> yerine; $ scope.modal = modal ile; Ayrıca, günlükleri yazdırmak ve değerleri kontrol etmek için bir seçenek olurdu.

Answer 3

$ kapsamı ile 'vm' hepsini yerine ve burada içerik kopyalama yaptığım bir yazım hatası oldu bu

<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="{{cropImgSrc}}"> 
     </ion-content> 
    </div> 
</ion-view>