Проблема с привязкой NgClick внутри ионных модалов

Question

Я не могу привязывать любые клики внутри моего модального. Модальности определяется в моем контроллере:

$scope.fooBar = function() { 
    alert("FOO!"); 
}; 

$ionicModal.fromTemplateUrl('templates/modals/withdrawal.html', { 
    scope: $scope 
}).then(function(modal) { 
    $scope.cashoutModal = modal; 
}); 

$scope.lists = [ 
    { foo: "CLICK ME 1"}, 
    { foo: "CLICK ME 2"} 
]; 

модальное мнение:

<ion-header-bar align-title="center" class="bar bar-header bar-positive"> 
    <h1 class="title">Richiedi un bonifico</h1> 
    <button ng-click="fooBar()" class="button button-clear button-primary fixed-bar-pos"><i class="ion-ios-close-outline"></i></button> 
</ion-header-bar> 

<ion-content class="padding"> 
    <ion-list> 
     <ion-item ng-repeat="list in lists"> 
      <div class="weddingListItem" ng-click="fooBar()"> 
       <span class="title">{{list.foo}}</span> 
      </div> 
     </ion-item> 
    </ion-list> 
</ion-content> 

Как вы можете увидеть, нажав на статическую кнопку или любой из динамически элементы списка функция fooBar должен стрелять, вместо этого ничего не происходит, никаких ошибок в консоли, никаких предупреждений.

модальное работает и точка зрения рендеринга, как задумано, что я здесь отсутствует?

Answer 1

<ion-modal-view ng-controller="ModalController"> 
     <ion-header-bar> 
      <h1 class="title">Richiedi un bonifico</h1> 
      <button ng-click="fooBar()" class="button button-clear button-primary fixed-bar-pos"><i class="ion-ios-close-outline"></i></button> 
     </ion-header-bar> 
     <ion-content class="padding"> 
      <ion-list> 
      <ion-item ng-repeat="list in lists"> 
       <div class="weddingListItem" ng-click="fooBar()"> 
       <span class="title">{{list.foo}}</span> 
       </div> 
      </ion-item> 
      </ion-list> 
     </ion-content> 
     </ion-modal-view> 

DEMO