角度UIモーダルを開いたまま背景を編集する

Question

In this plunk私は開いている角度UIモーダルを持っていて、バックグラウンドで何も編集/変更することはできません。モーダルウィンドウを開いたままテキストフィールドを編集する必要があります。これは可能ですか？

HTML

Enter 222 in this field without closing the modal:<input type="text" ng-model="someField"> 

<style> 
     .modal-backdrop.in { 
     opacity: 0; 
     } 
     .app-modal .modal-dialog { 
      top: 80px; 
      width: 180px; 
     } 
</style> 

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

    <div class="modal-header"> 
     <p class="modal-title">The Title</p> 
    </div> 

     SOME CONTENT 

</script> 

Javascriptを

var app = angular.module('app', ['ui.bootstrap']); 
app.controller('ctl', function ($scope,$uibModal) { 

    $scope.modalInstance = $uibModal.open({ 
     templateUrl: 'myModalContent.html', 
     windowClass: 'app-modal', 
     backdrop: 'static' 
     }); 
}); 

Answer 1

はい、それはあなたが入力要素にZインデックスを設定する必要がありますが可能です。このプランナーを見てください：http://plnkr.co/edit/MdmsjJuUxZdDHBTQeNet?p=preview

input { 
     z-index: 100000; 
     position: relative; 
     }