Используйте ту же форму для добавления и обновления пользователем angular5

Я изучаю angular, может ли кто-нибудь помочь мне в следующем:

У меня есть одна форма, которая сохраняет пользователя (я вызываю api при нажатии на кнопку отправки). Мне нужно использовать ту же форму для пользователя обновления, для этого я взял две кнопки, я показываю кнопку «отправить», если пользователь новый (я управляю этим новым и старым пользователем из вызова ge api в OnInit ()), а другая кнопка - кнопка «обновить» , я показываю и скрываю эти кнопки в зависимости от вызова API Get для пользователя в onInit ().

форма демонстрационного кода:

<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) = "ngSubmit (заявитель)" при вызове кнопки отправки, чтобы сохранить пользователя, но я не понимаю, как я различаю обе эти операции для вызова ngSubmit (заявитель).

Мне нужно выполнить обе операции в одном вызове функции из контроллера. Благодарность

Я изо всех сил пытаюсь понять вопрос. Что вы хотите сделать по-разному в зависимости от того, новый пользователь или старый?

bugs 11.04.2018 13:48

Когда пользователь впервые отправляет форму, мне нужно вызвать API публикации на кнопке sumbit ... и когда пользователь приходит во второй раз, а затем мне нужно вызвать API обновления ... Я использую ту же форму для этого ... На oninit () я вызовите get user () API, если какой из возвращаемых пользователей я скрываю кнопку отправки и показываю кнопку обновления, если getuser () null Я скрываю кнопку обновления и показываю кнопку отправки, проблема в том, что ... как мне использовать тот же ngsumbit () для выполнения это обе разные операции?

Bhagvat Lande 11.04.2018 13:53

Вы можете изменить свою функцию ngsumbit для выполнения двух разных действий на основе того же условия, которое вы используете для отображения / скрытия кнопок.

bugs 11.04.2018 13:54

не могли бы вы создать для этого плункер?

Bhagvat Lande 11.04.2018 14:02

@BhagvatLande Не могли бы вы поделиться своим полным кодом .ts и .html, чтобы было легче понять, что вы пытаетесь сделать?

Kamlesh Katpara 11.04.2018 15:17
0
5
47
0

Другие вопросы по теме