Остановить автоматическую отправку формы для атрибута Select в HTML-форме в Angular js

Я создаю форму, в которой пользователь может выбрать свою ветку.

Это моя форма-

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

Проблема в том, что когда я выбираю любую ветку, она автоматически отправляет ветку, не нажимая кнопку отправки.

Как это остановить. Пожалуйста помоги

удалить событие клика и добавить событие onsubmit

Observer 31.07.2018 18:46

@Observer Но это не угловое событие

Rupesh 31.07.2018 18:58
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
21
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Он работает, когда применяется событие нажатия на кнопку

<button (click) = "dataSubmit()" type = "submit"></button>
Ответ принят как подходящий

Вы используете Angular2 +, а не AngularJS, вот форма учебника. Причина, по которой ваша форма отправляется при выборе ветки, связана с этим кодом:

<form method = "post" [formGroup] = "formData" (click) = "dataSubmit()" >

(click) = "dataSubmit()" сообщает angular об отправке формы, если что-либо в форме было нажато. Заменить на: (ngSubmit) = "dataSubmit()"

Теперь вы можете изменить свою кнопку на:

<button type = "submit"></button>

Теперь форма будет отправлена, только если вы нажмете свою кнопку.

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