programing

Angular.js는 이전 방식으로 제출합니다.

powerit 2023. 3. 9. 22:26
반응형

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로 새로 시작됩니다.

업데이트:

이제 원인을 찾은 것 같아, 비어있어actionAttribute, 빈 액션은 스탠드아트에 의해 환영받지 못하는 것처럼 보이지만, 현재 페이지 URL에 양식을 제출하는 것은 매우 편리합니다. Angular 방법은 없습니까?

문서 삭제: http://docs.angularjs.org/api/ng.directive:form

Angular의 철학은 데이터와 페이지 새로고침을 최소화하여 "구식"을 좋아하지 않지만actionAtribute를 지정합니다.

Angular는 한 페이지 어플리케이션을 염두에 두고 설계되었으며, 페이지 전체를 새로고침하는 데 시간이 오래 걸립니다.를 사용하여ngSubmit디렉티브에서는 폼 데이터를 서버로 전송하여 전체 페이지 새로고침보다 훨씬 빠르게 응답을 반환하는 함수를 정의할 수 있습니다.킬로바이트가 아닌 바이트.

  • 빈칸이 아닌 것을 사용actionAngular가 양식을 제출하도록 하는 속성
  • 채우다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

반응형