如何使用`<a>`链接标签以角度4提交表单

Question

单击链接时，我想从另一侧获取此表单中的选定选项。

<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>

更新

CSS 样式按钮完成了我的工作。我不擅长 css。这就是为什么我在考虑a标签。

Answer 1

一个(click)="..."处理器可用于提交表单

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

在点击处理程序中，使用HttporHttpClient模块向服务器发送一个 post 请求。