angular ng-if автоматически отправляет форму, когда true

0

У меня есть угловая форма js и кнопка, которая при нажатии отображает поля входа (2 входа для имени пользователя и пароля и 1 кнопка отправки) и другую кнопку, которая скрывает его.

Я написал этот простой код ниже, который использует директиву ng-if. он работает нормально только с проблемой, которая после использования нажимает на регистрацию входа, отображается div, но форма отправляется автоматически (без нажатия кнопки на кнопку отправки).

кто-то знает, почему это происходит и как это исправить?

благодаря

<form name="loginForm" width="70%">

    <br>
    <button ng-click="NewConversation=true" >show login</button>
    <button ng-click="NewConversation=false" >hide login</button>
    <br><br>
    <div ng-if="NewConversation">
        <input autocomplete="off" name="name" ng-model="name" required placeholder="Name">
        <br>
        <input autocomplete="off" name="room" ng-model="room" required placeholder="Room">
        <br><br>
        <button ng-click="updateMsg({name: name,room: room})">Start Talking!</button>
    </div>

</form>

2 ответа

4
Лучший ответ

Каждая кнопка внутри тега формы имеет поведение по умолчанию - submit, чтобы предотвратить добавление типа = "кнопка" к каждой кнопке внутри тега формы.

<button type="button" ng-click="NewConversation=true" >show login</button>
0

Это должно помочь показать логин, это не позволит автоматически отправлять

Ещё вопросы

Сообщество Overcoder
Наверх
Меню