2015-10-08 34 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。然後你只能使用按鈕退出。

相關問題