Угловое-модное окно открывается только один раз

Question

У меня угловое приложение, которое использует угловые-ui. Мне нужно модальное окно. Мой шаблон модального окна:

<div modal="shouldBeOpen" close="close()" options="opts"> 
     <div class="modal-header"> 
      <h3>Create new entry</h3> 
     </div> 
     <div class="modal-body" ng-repeat="e in create_elements"> 
      {{e}} 
     </div> 

     <div class="modal-footer"> 
      ... 
     </div> 
</div> 

и обработчик для открытия и закрытия:

$scope.open = function(){   
    $scope.shouldBeOpen = true; 
} 


$scope.close = function(){   
    $scope.shouldBeOpen = false; 
} 

Но она открывается только один раз, после щелчка на кнопку открытия не делает каких-либо эффектов. Как это исправить?

спасибо.

Answer 1

Создано plunkr с раствором: AngularJS Modal Dialog - plunkr

работает отлично.

Answer 2

Я создал еще одну попытку на jsfiddle с кодом, подобным вашему. Следует отметить, что нажатие внешних модальных вызовов close(), однако, я добавил кнопку для ясности. Код в значительной степени остается прежним.

http://jsfiddle.net/priyaranjan/dDjWe/

Markup

<div ng-app="myApp" ng-controller="myCtrl"> 
    <button class="btn" ng-click="open()">Open me!</button> 
    <div modal="shouldBeOpen" close="close()" options="opts"> 
     <div class="modal-header"><h3>Create new entry</h3></div> 
     <div class="modal-body">body</div> 
     <div class="modal-footer"> 
      <button class="btn btn-warning cancel" ng-click="close()">Cancel</button> 
     </div> 
    </div> 
</div> 

JavaScript

angular.module('myApp', ['ui.bootstrap']) 
    .controller('myCtrl', 
     function($scope){ 

      // code from so post 
      $scope.open = function(){ 
       $scope.shouldBeOpen = true; 
      }; 

      $scope.close = function(){ 
       $scope.shouldBeOpen = false; 
      }; 
     } 
); 

Вы можете оформить angular documentation for modal.