Angularjs 角度ui模式窗口仅打开一次

我有一个使用AngularUI的angular应用程序。我需要一扇窗户。模态窗口的我的模板：

<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>

但它只打开一次，点击打开按钮后不会产生任何效果。如何修复它

---

谢谢。

使用以下解决方案创建了一个plunkr：

---

工作正常。

我在JSFIDLE上创建了另一个与您的代码类似的尝试。应该注意的是，单击外部模式调用

close（）

，但是为了清晰起见，我添加了一个按钮。代码基本保持不变

标记

<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>

请随时结帐

<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>

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;
            };
        }
);