2013-07-09 11 views
17

Từ những gì tôi có thể thấy, cách được đề xuất để xử lý khóa nhập trong hộp thoại trong AngularJS là đặt một thẻ < và > và nút gửi bên trong hộp thoại.

Đủ công bằng, nhưng nếu bạn sử dụng Angular-UI và dịch vụ hộp thoại $ của họ, biểu mẫu sẽ chỉ đóng âm thầm khi nhấn enter. không có cách nào để ngăn chặn điều đó. ngay cả khi bạn đính kèm trình xử lý vào ng-click hoặc ng-submit, biểu mẫu sẽ chỉ đóng lại kết quả.

Có cái gì khác tôi cần phải làm

[Chỉnh sửa]

Giải quyết nó, tôi đã xác định rõ ràng rằng nút "hủy" của tôi là các "nút" loại. Dường như nó mặc định là "gửi"?

Vì vậy, không có vấn đề thực sự ngoại trừ kỹ năng biểu mẫu html của tôi :)

+1

bạn có thể hiển thị một số mã của bạn (Tôi chưa thử kết hợp đặc biệt này nhưng có vẻ như nó sẽ hoạt động (có thể có một tùy chọn hộp thoại cần được thiết lập để ngăn nó tự đóng khi nhấn phím và chỉ đóng khi đóng một cách rõ ràng trong mã). – shaunhusain

+0

Tìm thấy sự cố, xem ở trên chỉnh sửa –

+2

Tuyệt vời nếu bạn không tìm thấy một bài đăng SO tương tự, bạn nên trả lời câu hỏi của riêng bạn và hiển thị những gì đã xảy ra, cho tương lai bạn và mọi người khác. – shaunhusain

Trả lời

29

Để trả lời câu hỏi của riêng tôi. Nút có vẻ mặc định để gửi (?) Và nếu tôi đặt rõ ràng là gõ = "nút" thì chúng sẽ không kích hoạt đăng lại khi nhấn enter trong trường nhập biểu mẫu.

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

theo cách này, nhấn phím enter trong trường nhập liệu sẽ kích hoạt nút bấm ng cho nút OK.

Và như bạn hackers html đã hiểu, điều này không có gì để làm với các hộp thoại cũng không angularjs thực sự, đó là một vấn đề hình thức html và tôi thiếu kỹ năng web ...

+2

Cảm ơn bạn đã cứu tôi. – fmquaglia