サービスによって作成されたイオンモーダルにデータを渡す

Question

私は以下のsolutionを使用してイオンモーダルサービスを作成していますが、現時点ではモーダルに入るのが難しいと感じています。私はこれを是正するために何をすることができます、

controller.js

$scope.confirmBookingModal = function(val) { 
    console.log(val); 
    ModalService.show('templates/modals/confirm-booking.html', 'ConsumerBusinessProfileCtrl as vm', val); 
} 

モーダル

<ion-modal-view ng-controller="ConsumerBusinessProfileCtrl"> 

    <ion-header-bar> 
    <h1 class="title">Confirm</h1> 
    <div class="buttons"> 
     <button class="button button-clear" ng-click="closeModal()">Close</button> 
    </div> 
    </ion-header-bar> 

    <ion-header-bar class="bar bar-subheader bar-dark modal-padding"> 
    <h1 class="title">{{ vm.val }} services booked at £110 for 2 hours</h1> 
    </ion-header-bar> 


    <ion-content> 
    </ion-content> 

</ion-modal-view> 

valはコンソールに値を出力するので、そこにいくつかのデータがあります私はモーダルから正しい方法でアクセスしているかどうかはわかりません。

Answer 1

これは、それを修正：

$scope.confirmBookingModal = function() { 
    var vm = $scope; 
    ModalService.show('templates/modals/confirm-booking.html', 'ConsumerBusinessProfileCtrl as vm'); 
} 

Answer 2

.show()メソッド呼び出しでコントローラを指定しているので、モーダルテンプレートでコントローラを指定する必要はありません。モーダルテンプレートを変更します。

<ion-modal-view> 

    <ion-header-bar> 
    <h1 class="title">Confirm</h1> 
    <div class="buttons"> 
     <button class="button button-clear" ng-click="closeModal()">Close</button> 
    </div> 
    </ion-header-bar> 

    <ion-header-bar class="bar bar-subheader bar-dark modal-padding"> 
    <h1 class="title">{{ vm.val }} services booked at £110 for 2 hours</h1> 
    </ion-header-bar> 


    <ion-content> 
    </ion-content> 

</ion-modal-view>