首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >是否可以在angular js中禁用ng-dialog中的关闭?

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

Stack Overflow用户
提问于 2015-10-08 14:19:24
回答 2查看 4.1K关注 0票数 2

我想要这样做,直到我在弹出窗口中输入一些文本并点击保存按钮,弹出窗口应该不会被关闭

EN

回答 2

Stack Overflow用户

发布于 2015-10-08 14:30:55

假设您有一个弹出窗口模板,如下所示:

代码语言:javascript
复制
<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的文档中参考更多。

票数 4
EN

Stack Overflow用户

发布于 2016-12-08 21:51:27

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33008012

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档