각도 2 양식 제출

Question

각도 2의 양식을 작성하는 중에 문제가 발생했습니다. 다음 양식을 사용하여 내 작동하지 않는 제출할 때 :

는

<form #addForm="ngForm" (ngSubmit)="add()"> 
    <div class="input-group"> 
    <span class="input-group-btn"> 
     <button [class.disabled]="!addForm.valid" type="submit" 
       class="btn btn-primary col-xs-12">+</button> 
    </span> 
    <input required name="name" type="text" class="form-control" placeholder="name" [(ngModel)]="newAlbum.name"> 
    </div> 
</form> 

그러나 버튼에 (click)="add()"을 추가하여 내가 Enter 키를 눌러 양식을 제출할 수 있습니다. 아무도 나에게 이것을 설명 할 수 있습니까? 전자 난 당신이 모델과 템플릿 중심 형태 사이에서 혼란스러워하는 생각 onSubmit(myForm)

: onSubmit에서

Answer 1

:

<button 
    [disabled]="!addForm.valid" 
    (click)="add()">+</button> 

형태가 정확하지 않을 때 그 자체를 중지 할 버튼 바인딩 [disabled] 추가하여. 올바른 구현 방법이 아니지만 작동합니다. 누구든지 더 나은 해결책이 있다면 언급하십시오. 그러나 지금은이 문제가 해결되었습니다.

Answer 2

는 양식 난을 전달해야 호출합니다. 먼저 그것들을 통과하십시오. 용액을 발견하면