フォーム内にボタンがリロードされている場合Angular2（種類もCSSの）

Question

ボタンがフォーム内にあるとき（フォームグループで初期化されていない）ページ全体

たとえば、送信ボタンと戻るボタンがあります。

私がしたいことは、同じマージンの上に2つのボタンがあり、それらの間に余白があることです。だから両方のボタンがフォームの中にあるならば、私は今述べた問題を除外して、すごくうまくいく。フォームをキャンセルボタンにすると、私のスタイルは地獄になりますが、Angular2のような流れはうまくいきます：素晴らしい。フォーム内の

ボタン：フォーム外

ボタン：

まあ、私は、フォーム内のボタンを出ることは悪い習慣のようなものであると思うが、私は本当に方法がわかりませんそれを処理する。それで、フォームの中にボタンを追加する方法はありますか？ （私は本当にこのAngular2の答えが期待される）または、フォーム内のボタンであることを偽装するために、.cssファイル内でいくつかの魔法を実行することは可能ですか？ （これは難しい方法だと思いますが、正しい方法かもしれません）。

ありがとうございます。

が

HTML（ボタンつもりフォームの内側にあることさ）：

<form [formGroup]="f" (ngSubmit) = "onSubmit()"> 
    <div class = "form-group"> 
    <input placeholder = "e-mail" formControlName = "email" type = "text"> 
    </div> 
    <div class = "form-group"> 
    <input placeholder = "Password" formControlName = "password" type = "password"> 
    </div> 
    <div class = "form-group"> 
    <input placeholder = "Pass-conf" formControlName = "pass-conf" type = "password"> 
    </div> 
    <div class="buttons"> 
    <button class = "ok" type = "submit"><img src="./assets/img1.png" alt="Ok"></button> 
    <button class = "back" (click) = "back()"><img src="./assets/img2.png" alt="Back"></button> 
    </div> 
</form> 

Answer 1

私はちょうど実現問題だったもの：

誰でもコードを要求念の

ボタンがフォーム内に設定されている場合、そのデフォルトタイプはsubmitなので、タイプをbuttonに設定するだけで問題はなくなります。

<button class="back" (click)="back()" type="button"><img ...</button> 

私はこれをとにかく転記しています。みんなにハッピープログラミング！