<p>我在Angular中有一个表单，其中有两个按钮标签。一个按钮在<code>ng-click</code>上提交表单。另一个按钮纯粹用于使用<code>ng-click</code>进行导航。然而，当点击这个第二个按钮时，AngularJS会导致页面刷新，触发404错误。我在函数中设置了一个断点，它会触发我的函数。如果我执行以下任何操作，它就会停止：</p> <ol> <li>如果我移除<code>ng-click</code>，按钮不会导致页面刷新。</li> <li>如果我在函数中注释掉代码，它不会导致页面刷新。</li> <li>如果我将按钮标签更改为锚标签（<code>&lt;a&gt;</code>）并添加<code>href=""</code>，它就不会导致刷新。</li> </ol> <p>后者似乎是最简单的解决方法，但为什么AngularJS在我的函数之后运行任何导致页面重新加载的代码？看起来像是一个bug。</p> <p>这是表单：</p> <pre class="brush:php;toolbar:false;">&lt;form class="form-horizontal" name="myProfile" ng-switch-when="profile"&gt; &lt;fieldset&gt; &lt;div class="control-group"&gt; &lt;label class="control-label" for="passwordButton"&gt;Password&lt;/label&gt; &lt;div class="controls"&gt; &lt;button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()"&gt;Change&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="buttonBar"&gt; &lt;button id="saveProfileButton" class="primaryButton" ng-click="saveUser()"&gt;Save&lt;/button&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/form&gt;</pre> <p>这是控制器方法：</p> <pre class="brush:php;toolbar:false;">$scope.showChangePassword = function() { $scope.selectedLink = "changePassword"; };</pre> <p><br /></p>

<button ng-click="saveUser($event)">

$scope.saveUser = function (event) {
  event.preventDefault();
  // 你的代码
}