我想要这样做,直到我在弹出窗口中输入一些文本并点击保存按钮,弹出窗口应该不会被关闭
发布于 2015-10-08 14:30:55
假设您有一个弹出窗口模板,如下所示:
<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的文档中参考更多。
发布于 2016-12-08 21:51:27
通过按钮控制ngDialog的最简单方法是将closeByDocument和showClose的默认布尔值更改为false。然后,您只能使用按钮退出。
https://stackoverflow.com/questions/33008012
复制相似问题