角度ng-if为true时自动发送表格

Question

我有一个有角度的js表单和一个按钮，如果按下该按钮，将显示登录字段（用户名和密码的2个输入，以及1个提交按钮）和另一个隐藏它的按钮。

我在下面编写了使用ng-if指令的简单代码。 这是工作正常的唯一问题，即在用户按下show login后，将显示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>

Answer 1

表单标签内的每个按钮都有默认行为-提交，以防止将type =“ button”添加到表单标签内的每个按钮。

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

Answer 2

这应该有助于显示登录名，这将阻止其自动提交