Angular-UI $對話框和表單提交輸入鍵

從我所看到的，處理AngularJS對話框中輸入鍵的建議方法是在對話框中放置<表格>表單>表單和提交按鈕。

不夠公平，但如果您使用Angular-UI和他們的$對話服務，當按下回車鍵時，表單將靜靜地關閉。沒辦法攔截那個。即使您將處理程序附加到ng-click或ng-submit，表單也會關閉而不返回任何結果。

有沒有別的東西，我需要做的

[編輯]

解決了這個問題，我必須明確指定我的「取消」按鈕是類型「按鈕」的。似乎它默認爲「提交」？

因此就出現了，除了我的HTML形式的技能:)

2013-07-09 Roger Johansson

你能證明你的一些代碼（也許是一個plunkr或jsfiddle鏈接）我還沒有嘗試過這種特殊的組合，但它聽起來像它應該工作（也許有一個對話框選項需要設置，以防止它在按鍵時自動關閉，並且只在明確關閉時關閉在代碼中）。 – shaunhusain

發現問題，請參閱上文編輯 –

很酷，如果你沒有找到類似的SO帖子，你應該回答自己的問題，並顯示出了什麼問題，爲未來你和其他人。 – shaunhusain

要回答我的問題沒有真正的問題。按鈕似乎默認提交（？），如果我明確地將它們設置爲type =「button」，那麼當按下輸入表單輸入字段時，它們不會觸發回發。

<form> 
    <input type="text" ... /> 
    <button type="button" ng-click=...>Cancel</button> 
    <button type="submit" ng-click=...>OK</button> 
</form>

這樣，在輸入欄中按回車鍵將觸發確定按鈕的ng鍵。

正如你HTML黑客已經明白了，這事不關己與對話，也不angularjs真的，這是一個HTML形式的問題，我缺乏網絡技能...

來源

2013-08-22 13:06:44

謝謝，你救了我。 – fmquaglia

Angular-UI $對話框和表單提交輸入鍵

回答

相關問題