Angular 角度2:带多个按钮的NgForm

Angular 角度2:带多个按钮的NgForm,angular,angular2-forms,angular2-formbuilder,Angular,Angular2 Forms,Angular2 Formbuilder,我正在试着开发一辆手推车。整个购物车由多个按钮组成,如添加/删除/继续等。我希望验证仅应用于具有提交类型的继续按钮。但目前只要点击任何一个按钮,验证就会被激活 我不能发布代码,因为它是一个相当复杂的代码。请告诉我这是否是表单的正常行为,或者我可能有一些错误 谢谢 继续 添加 去除 继续 添加 去除 只需将流程按钮设置为提交按钮,并将其他按钮设置为单击事件上的type=“button”即可执行一些任务。我也做了同样的操作,但在调用函数程序调用有效性之前,您是否可以提供您出错的代码?用您的代码更新

我正在试着开发一辆手推车。整个购物车由多个按钮组成,如添加/删除/继续等。我希望验证仅应用于具有提交类型的继续按钮。但目前只要点击任何一个按钮,验证就会被激活

我不能发布代码,因为它是一个相当复杂的代码。请告诉我这是否是表单的正常行为,或者我可能有一些错误

谢谢


继续
添加
去除

继续
添加
去除

只需将流程按钮设置为提交按钮,并将其他按钮设置为单击事件上的type=“button”即可执行一些任务。我也做了同样的操作,但在调用函数程序调用有效性之前,您是否可以提供您出错的代码?用您的代码更新您的问题。只需将“过程”按钮设置为“提交”按钮,并在单击事件中将其他按钮设置为“类型=”按钮,即可执行一些任务。我也做了同样的操作,但在调用函数程序调用Availdations之前,您是否可以提供出现错误的代码?用你的代码更新你的问题。
<form #groupForm="ngForm" novalidate (ngSubmit)="submit(groupForm.value)"> 
    <input type="text" name="user" ngModel required>

    <button md-raised-button class="md-raised color-white" (click)="accessGroup(group)" style="width: 45%;margin: 10px 5px;background-color:#58B6A2;"
    [disabled]="groupForm.invalid" type="submit">Proceed</button>
    <button md-raised-button class="md-raised color-white" 
    >Add</button>
    <button md-raised-button class="md-raised color-white "
   >Remove</button>
</form>