Я создаю форму, в которой пользователь может выбрать свою ветку.
Это моя форма-
<form method = "post" [formGroup] = "formData" (click) = "dataSubmit()" >
<div class = "form-group">
<label for = "branch">Select Branch</label>
<select [formControl] = "branchControl" class = "form-control" id = "branch">
<option value = "cs">CS</option>
<option value = "it">IT</option>
<option value = "me">ME</option>
<option value = "ece">ECE</option>
<option value = "civil">CIVIL</option>
<option value = "ene">ENE</option>
<option value = "eie">EIE</option>
</select>
</div>
</div>
Проблема в том, что когда я выбираю любую ветку, она автоматически отправляет ветку, не нажимая кнопку отправки.
Как это остановить. Пожалуйста помоги
@Observer Но это не угловое событие






Он работает, когда применяется событие нажатия на кнопку
<button (click) = "dataSubmit()" type = "submit"></button>
Вы используете Angular2 +, а не AngularJS, вот форма учебника. Причина, по которой ваша форма отправляется при выборе ветки, связана с этим кодом:
<form method = "post" [formGroup] = "formData" (click) = "dataSubmit()" >
(click) = "dataSubmit()" сообщает angular об отправке формы, если что-либо в форме было нажато. Заменить на: (ngSubmit) = "dataSubmit()"
Теперь вы можете изменить свою кнопку на:
<button type = "submit"></button>
Теперь форма будет отправлена, только если вы нажмете свою кнопку.
удалить событие клика и добавить событие onsubmit