AngularJs bootstrap $ modal.open（）只能第一次工作

Question

我正在使用http://angular-ui.github.io/bootstrap/（版本.10）。 我需要在全日曆的事件點擊時打開一個簡單的模式窗口（http://arshaw.com/fullcalendar/）。

我這樣做，使用

select: function (start, end, allDay) { 
        console.log('Calendar select event fired'); 
        var modalInstance = $modal.open({ 
         templateUrl: 'template.html', 
         controller: function ($scope, $modalInstance) { 
          $scope.cancel = function() { 
           $modalInstance.dismiss('cancel'); 
          }; 
         }, 

        }); 

這工作第一次和模態打開和關閉確定。 然而，在第二次點擊之後，模式不會打開。 $ modal.open正在被觸發，控制檯顯示沒有錯誤。

如果使用ng-click完成相同的練習，所有時間都可以工作。這也需要在控制器中寫入一個打開的函數。

<button class="btn btn-default" ng-click="open()">Open me!</button> 

但是我的目標是使用$ modal.open從另一個指令調用模態打開。

我錯過了什麼？

感謝您的幫助。

Plunker Illustration here

Answer 1

嘗試分開創建控制器功能像

controller : 'sampleCtrl' 

然後執行：

var sampleCtrl=function(){} 

在這個函數實現你的功能，這將解決您的問題。