角度 ng-if 为真时自动发送表单答案

【问题标题】：angular ng-if automaticly sends a form when true角度 ng-if 为真时自动发送表单
【发布时间】：2016-12-11 03:55:21
【问题描述】：

我有一个 Angular 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>

【问题讨论】：

标签： javascript html angularjs

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

这应该会有所帮助显示登录这将阻止它自动提交

【讨论】：