子モーダルダイアログのEnterキーを押すと、親モーダルダイアログ（すなわち、11とエッジ）で入力します。

Question

私は2つのブートストラップモーダルダイアログウィンドウを持っています。子のテキスト入力でenterを押すと、親のイベントも発生します。親に焦点を当てる最後のボタンは、子を作成するボタンでした。これにより、子はすぐに再作成されます。

私はいくつかの同様の問題を発見しました。これは、ダイアログのokボタンがデフォルトのsubmitボタンであるためボタン=タイプであることを確認します。私は、ボタンがボタンのタイプを持っていることを確認しましたが、問題は解決しませんが、クロムでうまくいきます。

ここでは、plunkerで起こっていることの例を示します。 これが最初のモーダルウィンドウです。

<script type="text/ng-template" id="myModalContent.html"> 
     <div class="modal-body"> 

     </div> 
     <div class="modal-footer"> 
      <button class="btn btn-primary" type="button" ng-click="shownewwindow()">New Modal</button> 
      <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button> 
     </div> 
    </script> 

これは第2です。

<script type="text/ng-template" id="modal2.html"> 
     <div class="modal-body"> 
      <input type=textarea value="test" ng-keypress="keydown($event)" autofocus></input> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn btn-default" type="button" ng-click="ok()">ok</button> 
      <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button> 
     </div> 
    </script> 

ここには、ok、cancel、およびkeydownの機能があります。

$scope.ok = function() { 
    console.log("ok"); 
    $uibModalInstance.dismiss({completed: true}); 
    }; 

    $scope.cancel = function() { 
    $uibModalInstance.dismiss('cancel'); 
    }; 

    $scope.keydown = function(event) { 
      var enterKeyCode = 13; 
      $uibModalInstance.dismiss({completed: true}); 
    } 

入力が押されたときに繰り返し作成されてから子供を防ぐ方法上の任意のアイデアは、おかげでいただければ幸いです。

Answer 1

ボタンをクリックすると無効にしてください。

<button ng-disabled="aScopeVar" ng-click="setAScopeVarToTrue()">My button</button> 

子を作成した後に、aScopeVarをtrueに設定することを忘れないでください。