2

私がしようとしているのは、他のボタンがクリックされるまで ng-dialog ポップアップで閉じるアクションを無効にすることです。ポップアップで入力にテキストを入力し、保存ボタンをクリックするまでそれを行いたいのですが、ポップアップはすべきではありません(*) マークのいずれかで閉じます

4

2 に答える 2

4

以下のようなポップアップのテンプレートがあるとします。

<button type="button" ng-click="closeThisDialog('button')" ng-disabled="demoForm.$invalid" class="btn btn-default pull-right">x</button>
<br>
<form name="demoForm">
  <h3>Close button disabled untill no input</h3>
  <p>Here input field is required so untill input box is not valid you cannot close the dialoug.</p>
  <p>Once you enter the input close btn will be enabled</p>
  <input ng-model="confirmValue" required/>
  <br>
  <br>
  <button type="button" ng-disabled="demoForm.$invalid" ng-click="closeThisDialog('button')" class="btn btn-default">Cancel</button>
  <button type="button" class="btn btn-default">Save</button>
</form>

上記のテンプレートに表示されているポップアップ テンプレートにフォームを追加できます。

要件に従って、ユーザーは入力を入力しないまでポップアップを閉じてはならないため、フォームに検証があります。

フォームが無効になるまで閉じるボタンを無効にしてください。

このデモをチェックしてください

ng-dialogのドキュメントで詳細を参照できます。

于 2015-10-08T06:30:55.243 に答える
1

ボタンを介して ngDialog を制御する最も簡単な方法は、closeByDocument と showClose のデフォルトのブール値を false に変更することです。その後、ボタンのみを使用して終了できます。

于 2016-12-08T13:51:27.363 に答える