Question

这里我使用带有角度的Bootstrap，当我尝试用DropdowList弹出我的模态时显示黑屏但是当我使用按钮时它工作正常请找到我做错的地方

<div class="dropdown">
                    <a href="#" onclick="return false" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-asterisk"></span>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a href="#" ng-click="Job(emp)">Edit</a></li>
                        <li><a href="#">Another action</a></li>
                    </ul>
                </div>
                <input type="button" ng-click="Job(emp)" value="Job" />

Angular.js

 $scope.Job = function (emp) {
        $scope.Emp_Id = emp.Emp_Id

        $('#myModal').modal('show');

    }

当它的按钮下工作良好

Answer 1

试试这个

HTML

 <div class="dropdown">
      <a class="dropdown-toggle" type="button" data-toggle="dropdown"><span class="glyphicon glyphicon-asterisk"></span></a>
<ul class="dropdown-menu">
 <li><a href="#" class="dropdown-item" ng-click="Job()">Edit</a></li>
 <li><a href="#" class="dropdown-item">Another action</a></li>
</ul>

控制器

$scope.Job = function () {
        //$scope.Emp_Id = emp.Emp_Id

        $('#myModal').modal('show');

    }

<强> Working Demo

Answer 2

使用modalclass{z-index:9999}它可以解决此问题

为什么模态弹出窗口在DropdownList中显示黑屏

2 个答案: