У меня есть форма в Angular с двумя тегами кнопок. Одна кнопка отправляет форму наng-click, Другая кнопка предназначена исключительно для навигации.ng-click, Однако при нажатии этой второй кнопки AngularJS вызывает обновление страницы, которое вызывает 404. Я сбросил точку останова в функции, и она вызывает мою функцию. Если я сделаю любое из следующего, он остановится:

If I remove the ng-click, the button doesn’t cause a page refresh. If I comment out the code in the function, it doesn’t cause a page refresh. If I change the button tag to an anchor tag (<a>) with href="", then it doesn’t cause a refresh.

Последнее выглядит как самый простой обходной путь, но почему AngularJS даже выполняет какой-либо код после моей функции, который вызывает перезагрузку страницы? Похоже, ошибка.

Вот форма:

<form class="form-horizontal" name="myProfile" ng-switch-when="profile">
  <fieldset>
    <div class="control-group">
      <label class="control-label" for="passwordButton">Password</label>
      <div class="controls">
        <button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()">Change</button>
      </div>
    </div>

    <div class="buttonBar">
      <button id="saveProfileButton" class="primaryButton" ng-click="saveUser()">Save</button>
    </div>
  </fieldset>
</form>

Вот метод контроллера:

$scope.showChangePassword = function() {
  $scope.selectedLink = "changePassword";
};