角度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キーを押してフォームを送信することができます。誰も私にこれを説明することができます。 E私はあなたがモデルとテンプレート駆動型の間に混乱していると思うonSubmit(myForm)

：をonSubmitで

Answer 1

：

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

形式が正しくない場合、それ自体が無効になり、ボタンを結合[disabled]を添加することにより。これは正しい実装方法ではないかもしれませんが、うまくいきます。誰かがより良い解決策を持っているならそれを言いなさい、しかし今のところこの問題は解決されます。

Answer 2

は、フォームIを渡す必要があります呼び出します。最初にそれらを通過してください。解決策を見つけた場合