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 回答