Angular.js gửi mẫu cũ theo cách cũ

Question

Tôi đang di chuyển một trang html cũ từ jQuery sang Góc, và nó chứa một số biểu mẫu cũ với <input type="submit">. Khi tôi làm giàu các trang của mình với chỉ thị ng-app, các biểu mẫu cũ ngừng hoạt động (ý tôi là khi bạn nhấn các nút submit thì không có gì xảy ra).

Tôi đã tìm kiếm sự cố này và đã quét tài liệu Góc, nhưng dường như không có ai gửi biểu mẫu nữa.

Bất kỳ đề xuất nào về cách mang những biểu mẫu đó trở lại cuộc sống mà không có nhiều lần nhấn phím sẽ được đánh giá cao.

Hiện nay hình thức đã đánh dấu sau:

<form name="form_upload" method="post" action="" enctype="multipart/form-data"> 
<input type="file" name="file"> 
<input type="submit" name="send" value="Upload"> 
</form> 

Tất cả các mã jQuery Tôi bị thanh trừng và bắt đầu tươi với góc.

UPD:

Tôi đoán tôi bây giờ tìm thấy nguyên nhân, đó là sản phẩm nào action thuộc tính, có vẻ như hành động có sản phẩm nào không được hoan nghênh bởi standarts, nhưng rất thuận tiện để sử dụng cho phép bạn gửi mẫu cho URL trang hiện tại, Có cách nào góc để làm điều đó?

Answer 1

Đi tắt của tài liệu: http://docs.angularjs.org/api/ng.directive:form

triết góc là để giảm thiểu dữ liệu và trang web load lại, vì vậy họ không thích "hình thức học cũ", nhưng bạn có thể khắc phục nó bằng cách sử dụng một thuộc tính action trong hình thức.

Góc được thiết kế với các ứng dụng đơn trong tâm trí và tránh tải lại trang đầy đủ vì điều đó sẽ mất nhiều thời gian hơn để thực hiện. Bằng cách sử dụng chỉ thị ngSubmit, bạn có thể xác định một hàm để gửi dữ liệu biểu mẫu tới máy chủ và nhận phản hồi nhanh hơn nhiều so với tải lại toàn bộ trang. Số byte thay vì Kilobyte.

Answer 2

Tôi đã thực hiện việc này. Tôi khá chắc chắn tôi đã sử dụng jquery để gửi mẫu, nhưng bạn có thể có thể làm điều đó với javascript cũ đồng bằng.

Một trong những ý kiến ​​trên trang dạng góc cạnh gợi ý này:

<input onclick="javascript:$(this).parent().submit();" type="submit" value=""> 

http://docs.angularjs.org/api/ng.directive:form

Answer 3

• Sử dụng một tổ chức phi rỗng action thuộc tính để làm góc gửi biểu mẫu
• Fill action thuộc tính với vị trí hiện tại (sử dụng góc cạnh)

Trong điều khiển của bạn:

$scope.location = $window.location.href 

Trong HTML của bạn:

<form action="{{location}}"> 

Xem plunkr demo.