Angular: 양식: NgForm이 NgIf를 통해 제거/복원되면 페이지가 다시 로드됩니다.

에 만든 2016년 02월 01일 · 3코멘트 · 출처: angular/angular

기괴하지만 천진난만하게 일어났다.

이전 양식을 DOM에서 전환하고 active 플래그에 고정된 NgIf로 다시 전환하여 (누락된) 양식 재설정 기능을 구현하려고 했습니다.

<form *ngIf="active" 
          (ngSubmit)="onSubmit()" #heroForm="ngForm">

이와 같은 clear 구성 요소에 의해 제어됩니다.

  clear() {
    this.model = new Hero(42, '', '');
    this.active = false;
    setTimeout(()=> this.active=true, 0);
  }

양식이 유효할 때(시작 시 그대로) 지우기를 클릭하면 페이지가 다시 로드됩니다. 양식이 유효하지 않은 경우(예: 이름 없음) 다시 로드하지 않습니다.

plunker를 통한 재현은 다음과 같습니다.
http://plnkr.co/edit/GNhLbONEDHyApCm9vUeh

출처

wardbell

👍1

가장 유용한 댓글

지우기 버튼에는 "제출" 유형이 있습니다. 따라서 그것을 클릭하면 양식이 제출됩니다. NgForm은 submit 이벤트를 가로채야 하지만 NgIf는 DOM에서 form 요소를 제거하기 때문에 가로채는 일은 일어나지 않는다. 버튼 유형을 "버튼"으로 설정하여 수정할 수 있습니다.

vsavkin 에 2016년 02월 01일

👍2 🎉1

모든 3 댓글

vsavkin 에 2016년 02월 01일

👍2 🎉1

감사 해요. <button> _type 속성이 없는 _이 제출 버튼과 같은 것인지 몰랐습니다!
이 수정된 plunker에서 볼 수 있는 문제를 해결합니다. http://plnkr.co/edit/u3ltLP84JHn2VkoFKf46?p=preview

이 문제를 닫고 이 plunker에서 설명하는 해킹을 대체하기 위해 명시적인 reset 기능을 요구하는 #6822를 엽니다.

wardbell 에 2016년 02월 01일

👍1

이 문제는 활동이 없어 자동으로 잠겼습니다.
유사하거나 관련된 문제가 발생하면 새 문제를 제출하십시오.

자동 대화 잠금 정책 에 대해 자세히 알아보세요.

_{_이 작업은 봇에 의해 자동으로 수행되었습니다._}

angular-automatic-lock-bot[bot] 에 2019년 09월 08일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Angular: 양식: NgForm이 NgIf를 통해 제거/복원되면 페이지가 다시 로드됩니다.

가장 유용한 댓글

모든 3 댓글

관련 문제