2015-10-08 36 views
1

我正在尝试的是,禁用关闭ng对话框中的动作弹出,直到任何其他按钮被点击。我想这样做,直到我在弹出的输入中给出一些文本,然后单击保存按钮弹出也不应被封闭成(*)标记是否可以在角度js中禁用ng对话框中的关闭?

+1

如果我没有错,那么你想禁用关闭按钮,直到弹出是无效的,对吗? –

回答

3

假设你有弹出的模板,象下面这样:

<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文档多参考这里。

+0

我可以举个例子吗? –

+0

是的,我会给你 –

+0

检查编辑的代码。 –

1

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

相关问题