Ng点击离子模态内的绑定问题

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