Question

我正在使用AngularJS 1.3.7和Angular-ui-bootstrap 0.14.3

我有一个相当简单的代码问题（我简化了很多但问题仍然存在），但我无法看到问题的根源。我创建了一个模态，当我点击模态

之外时它应该被忽略

这是我的HTML代码：

<div class="wrapper wrapper-content">
    <div>
        <button ng-click="testModal()"> test </button>
    </div>
</div>

这里是我的js代码：

angular.module('testModule', [])
    .controller('TestController', TestController)
    .controller('TestModalController', TestModalController)

function TestController($scope, $modal){
    $scope.testModal = function(){
        $modal.open({
            templateUrl : '...blabla/test.html',
            controller : 'TestModalController',
            resolve : {}
        });
    }
}

function TestModalController(){
    dummy = function(){
        var hello = "hello";
    }
}

这里我的test.html从模板的templateUrl调用：

<button ng-click="dummy()">DUMMY</button>

现在至于问题的定义，我将告诉你有关案例

我点击＆＃34;测试＆＃34;按钮并打开模态。

案例1 ：我只需按ESC键即可关闭模态。一切都好。

案例2 ：我只点击虚拟按钮，没有任何反应。一切都好。

案例3 ：我只是在模态之外点击，没有任何反应。不行，它应该关闭模态。

案例4 ：我只是点击模态外部没有任何反应，然后点击Dummy按钮，模态关闭。

案例5 ：我只是点击模态外部没有任何反应，然后我再次按ESC，没有任何反应，最后当我点击虚拟按钮模式关闭时。

- 我还尝试添加＆＃34; 背景：真实＆＃34; ，它没有改变任何东西。（背景：＆＃39;静态＆＃39; 做了它应该做的事。）

- 同时更改了所有＆＃34; 模式＆＃34;单词＆＃34; uibModal ＆＃34;关于这个问题并没有改变。

- 我在控制台中没有收到任何错误消息。

Angular-JS，模态并没有按预期关闭

0 个答案: