Angular: оператор If / else в форме представления

Question

Я совершенно новичок с этой "вещью".Я имею в виду не мой код ...

У меня есть представление, которое имеет:

<form (ngSubmit)="submitCreateForm()">

У меня также есть переменная, которую я могу использовать, под названием type, которая имеет любое значение add или edit.

Как определены 2 метода submitCreateForm и submitUpdateForm

Как я могу изменить ngSubmit в <form> для вызова submitCreateForm, если тип add или submitUpdateForm когда тип равен edit?

Я знаю, это звучит тривиально, но синтаксис для меня довольно запутанный.В идеале я ищу условную строку.

Answer 1

Почему у вас нет (ngSubmit)="submit()", и в машинописи компонентов приходится логически вызывать соответствующий метод на основе переменной типа?

Answer 2

В серверной части вы можете справиться с этим, вы можете всегда вызывать submitForm ()

<form (ngSubmit)="submitForm()">

Пусть функция submitForm () решит, какой запрос будет вызываться на основе типа

 submitForm() 
 {
      if(this.type==="add"){
       this.submitCreateForm();
      }
      else{
       this.submitUpdateForm();
     }
 }

Answer 3

1) Это не очень хорошая практика, но это поможет.Попробуйте сохранить две формы на основе этого логического значения.

<form ng-if="type == true" (ngSubmit)="submitCreateForm()">
<form ng-if="type != true" (ngSubmit)="submitUpdateForm()">

2) Мое второе предложение - использовать общее действие отправки и отдельную логику, основанную на логическом типе

.

Answer 4

Использовать троичный оператор (? .. :) для условного рендеринга.

<form (ngSubmit)="type === 'add' ? submitCreateForm() : submitUpdateForm">