Angular.js는 이전 방식으로 제출합니다.
오래된 html 페이지를 jQuery에서 Angular로 이행하고 있는데, 여기에는 오래된 폼이 포함되어 있습니다.<input type="submit">
. 내가 내 페이지를 풍부하게 했을 때ng-app
지시문, 오래된 양식이 작동을 멈춘다(즉, 당신이 그 명령을 누르면)submit
아무 일도 일어나지 않습니다).
이 문제를 검색하여 Angular docs도 스캔했습니다만, 폼을 제출하는 사람이 없는 것 같습니다.
어떻게 하면 키 입력 없이 그 양식들을 되살릴 수 있을지에 대한 어떤 제안도 감사할 것입니다.
현재 폼에는 다음과 같은 마크업이 있습니다.
<form name="form_upload" method="post" action="" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" name="send" value="Upload">
</form>
모든 jQuery 코드가 제거되었으며 Angular로 새로 시작됩니다.
업데이트:
이제 원인을 찾은 것 같아, 비어있어action
Attribute, 빈 액션은 스탠드아트에 의해 환영받지 못하는 것처럼 보이지만, 현재 페이지 URL에 양식을 제출하는 것은 매우 편리합니다. Angular 방법은 없습니까?
문서 삭제: http://docs.angularjs.org/api/ng.directive:form
Angular의 철학은 데이터와 페이지 새로고침을 최소화하여 "구식"을 좋아하지 않지만action
Atribute를 지정합니다.
Angular는 한 페이지 어플리케이션을 염두에 두고 설계되었으며, 페이지 전체를 새로고침하는 데 시간이 오래 걸립니다.를 사용하여ngSubmit
디렉티브에서는 폼 데이터를 서버로 전송하여 전체 페이지 새로고침보다 훨씬 빠르게 응답을 반환하는 함수를 정의할 수 있습니다.킬로바이트가 아닌 바이트.
- 빈칸이 아닌 것을 사용
action
Angular가 양식을 제출하도록 하는 속성 - 채우다
action
현재 위치가 있는 속성(각도 사용)
컨트롤러 내:
$scope.location = $window.location.href
HTML의 경우:
<form action="{{location}}">
plunkr 데모를 참조하십시오.
내가 한 짓이다.저는 jquery를 사용하여 폼을 제출했다고 확신합니다만, 당신은 아마 평범한 오래된 javascript로 할 수 있을 것입니다.
angular form 페이지의 코멘트 중 하나는 다음과 같습니다.
<input onclick="javascript:$(this).parent().submit();" type="submit" value="">
http://docs.angularjs.org/api/ng.directive:form
언급URL : https://stackoverflow.com/questions/16945837/angular-js-submit-form-old-way
'programing' 카테고리의 다른 글
속성별 배열 정렬 (0) | 2023.03.14 |
---|---|
트리거 $document.ready(수정할 수 없는 AJAX 코드가 실행됨) (0) | 2023.03.09 |
react Link 컴포넌트에서 onClick 이벤트를 사용하는 방법 (0) | 2023.03.09 |
AngularJs(1.X) 부분 템플릿 포함 (0) | 2023.03.09 |
게시 또는 업로드에 실패했습니다.오류 메시지: "응답이 유효한 JSON 응답이 아닙니다." (0) | 2023.03.09 |