是否可以在角度js中禁用ng-dialog中的关闭?

时间:2015-10-08 06:19:24

标签: angularjs ng-dialog

我正在尝试的是,在单击任何其他按钮之前禁用关闭对话框的操作。我想这样做直到我在弹出的输入中给出一些文本并单击保存按钮弹出不应该通过(*)标记

关闭

2 个答案:

答案 0 :(得分: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>

您可以在上面模板中显示的弹出式模板中添加表单。

现在根据您的要求,用户不应该关闭弹出窗口,直到他没有输入任何输入,因此表格中有验证。

  

只需禁用关闭按钮,直到表单无效。

查看此demo

您可以在ng-dialog的文档中详细介绍。

答案 1 :(得分:1)

通过按钮控制ngDialog的最简单方法是将closeByDocument和showClose的默认布尔值更改为false。然后你只能使用按钮退出。