使用相同的表单为用户添加和更新Angular5

时间:2018-04-11 10:58:00

标签: angular5

我正在学习角度,有人可以帮助我跟随:

我有一个保存用户的表单(我在此提交点击时调用api)。我需要为更新用户使用相同的表单,因为我拿了两个按钮我显示"提交"如果用户是新的按钮(我在OnInit()中管理来自ge api呼叫的新老用户),另一个按钮是"更新"按钮,我显示和隐藏此按钮取决于onInit()中用户的Get api调用。

表单演示代码:

<form class="form-area" (ngSubmit)="ngSubmit(applicant)" name="applicantForm" #applicantForm="ngForm" ngNativeValidate>

<div> some fileds</div>

<div class="row" style="content:center">
      <div class="col-md-12">
        <div class="form-row">
          <div class="form-group">
            <button *ngIf="submitStatus" type="submit" class="btn btn-info" [disabled]="!applicantForm.form.valid">
              <i class="fa fa-send-o"></i>&nbsp;Submit</button>
              <button *ngIf="updateStatus"  type="submit" class="btn btn-info" [disabled]="!applicantForm.form.valid">
                <i class="fa fa-send-o"></i>&nbsp;Update</button>  
          </div>
        </div>
      </div>
    </div>
  </form>
问题: 我打电话给(ngSubmit)=&#34; ngSubmit(申请人)&#34;提交按钮调用方法以保存用户,但我对如何区分这两个操作以调用ngSubmit(申请人)感到困惑。

我需要在来自控制器的单个函数调用中执行这两个操作。 感谢

0 个答案:

没有答案