Select2下拉列表＆amp;单击select2下拉列表时，模型弹出窗口同时打开

Question

我要求在点击select2下拉列表时打开一个确认框，当弹出窗口打开时，应该禁用后台页面。我已经完成了以下编码，但是当我点击下拉列表时它打开弹出窗口，但同时它也打开自己的下拉列表。请看屏幕截图的视觉效果

下面用HTML编写的select2下拉代码。

signed

下面的代码写入控制器中打开弹出窗口。在控制器中我已经为ShowConfirm（）编写代码;

<ui-select ng-model="selectedSectorModel.Selected" ng-click="ShowConfirm();" on-select="selectSectorEvents();" theme="select2">
    <ui-select-match>
        <span ng-bind="$select.selected.Text"></span>
    </ui-select-match>
    <ui-select-choices repeat="item in (industrySectorObject | filter: $select.search) track by item.Value">
        <span ng-bind="item.Text"></span>
    </ui-select-choices>
</ui-select>

下面的代码用于弹出HTML myModalpopup.html。

$scope.ShowConfirm = function() { 
    var modalInstance = $uibModal.open({
        animation: $scope.animationsEnabled,
        templateUrl: 'scripts/app/popup/myModalpopup.html',
        controller: 'MyCtrl',                    
        backdrop: 'static',
        keyboard: false,
        resolve: {
            items: function() {
                return valueitem;
            }
        }
    });          
}

以下是该问题的屏幕截图。 background is disabled but not dropdown and also dropdown open on the top of popup