为什么模式弹出窗口在下拉列表中显示黑屏答案

【问题标题】：Why modal popup shows black screen when its in DropdownList为什么模式弹出窗口在下拉列表中显示黑屏
【发布时间】：2017-05-23 08:07:30
【问题描述】：

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

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

    }

当它在按钮下时它的工作良好

【问题讨论】：

标签： jquery angularjs twitter-bootstrap

【解决方案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

【讨论】：

【解决方案2】：

使用modalclass{z-index:9999}可能会解决这个问题

【讨论】：