Bootstrap模式弹出窗口使用angularjs无法打开和关闭

Question

您好我想使用angularjs controller.js代码打开和关闭bootstrap模型弹出窗口。

我的控制器代码

app.controller('RoleViewCtrlq', ['$scope', '$modalInstance', '$modal',
function ($scope, $modalInstance, $modal) {


    $scope.open = function () {
        debugger;
        var modalInstance = $modal.open({
            templateUrl: 'myModalContent.html',
        });


        $scope.ok = function () {
            $modalInstance.close();
        };

        $scope.cancel = function () {
            $modalInstance.dismiss('cancel');
        };


    }
}
]);

我在这里创建了样本 https://plnkr.co/edit/xRhCR7qidlr24M8nAOA6?p=preview

它无法在controller.js代码中打开和关闭弹出窗口。任何人都可以检查问题。??

Answer 1

 <script type="text/ng-template" id="myModalContent.html">

从HTML中删除此脚本标记，然后重试。它正在运作

Answer 2

在您提供的Plunker中，您尚未设置任何myModalContent.html。

使用时：

var modalInstance = $modal.open({
    templateUrl: 'myModalContent.html'
});

Angular会检查myModalContent.html文件是否包含在模态中。这意味着从模板创建模态。

在审核完您的代码后，我认为这并不是您想要实现的目标：

Forked your Plunker