Question

我只是想在我的项目中实现一个AngularJS Modal（ui.bootstrap.modal）。每当我点击页面中的按钮时，都需要出现一个新的弹出窗口（大模态）。我使用过bootstrap代码。但它似乎没有起作用。请帮帮我。提前致谢我的JS：

$scope.checkBinning = function(){
            selected_checks = $scope.checkGridOptions['selectedItems'];
                $scope.no_show = false;
                $scope.final_select=false;
                $("#checkRecommendTarget").modal('show');
                $scope.route = 'for_escalate';
                $scope.select_title = 'GROUPS';
                $scope.heading = 'Check Binning';

        };

和我的html部分：

<button type="button" class="btn btn-danger" ng-click="checkBinning()"> Check Binning </button>

Answer 1

您在代码中使用了jquery bootstrap js功能请尝试以下方法：

<button class="btn btn-primary" type="button" ng-click="checkBinning()">Check Binning</button>

和

    $scope.checkBinning = function () {
    selected_checks = $scope.checkGridOptions['selectedItems'];
    $scope.no_show = false;
    $scope.final_select = false;
    var modalInstance = $modal.open({
        animation: $scope.animationsEnabled,
        templateUrl: 'checkRecommendTarget.html',

        }
    });
    $scope.route = 'for_escalate';
    $scope.select_title = 'GROUPS';
    $scope.heading = 'Check Binning';

};

并添加您的模态模板，如脚本

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

    </script>

并且不要忘记在控制器中添加$modal依赖项

AngularJS Modal（ui.bootstrap.modal）不起作用

1 个答案: