Angular 2:带有多个按钮的NgForm

时间:2016-11-07 12:54:08

标签: angular angular2-forms angular2-formbuilder

我正在尝试开发购物车。整个购物车包含多个按钮,例如添加/删除/继续等。我希望验证仅应用于具有提交类型的继续按钮。但目前点击任何按钮都会激活验证。

我无法发布代码,因为它非常复杂。如果这是表格的正常行为,请告诉我,否则我可能会遇到一些错误。

由于

1 个答案:

答案 0 :(得分:0)

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