2017-09-28 25 views
-2

リンクをクリックすると、このフォームで選択したオプションを反対側から取得します。「<a>」リンクタグを使用して角4でフォームを送信する方法

<form (ngSubmit)="onSubmit(x)"> 
    <input type="radio" id="radioset3" name="radioset" [checked]="x==0"> 
    <input type="radio" id="radioset2" name="radioset" > 
    <input type="radio" id="radioset1" name="radioset" > 

    <a href="javascript:void(0)" class="flightdetails"><span><i class="fa fa-suitcase" aria-hidden="true"></i></span> Flight Details</a> 
</form> 
+1

'(クリック)'メソッドを同じに追加する –

+0

リンクはフォームを送信するようには設計されていません。送信ボタンがあります。送信ボタンを使用してください! (見た目が気に入らなければCSSを使う)。 – Quentin

答えて

3

(click)="..."ハンドラは、クリックハンドラで

<a (click)="myFormSubmitHandler()" href="javascript:void(0)" class="flightdetails"><span><i class="fa fa-suitcase" aria-hidden="true"></i></span> Flight Details</a> 

フォームを送信するために使用することができHttpまたはHttpClientモジュールを使用してサーバーにPOSTリクエストを送信します。

関連する問題