angularjs - 在表单提交的网址中间添加问号

Question

当我单击表单中的提交按钮时，它会添加一个 ?就在 # 之前，因此/app/#/pageName 更改为/app/?#/pageName。这是正常行为吗？代码只是基本的东西。

angular.module('myApp', [])
.controller('MyCtrl', function ($scope) {
    $scope.submit = function() {

    };
});

<form ng-controller="MyCtrl" ng-submit="submit()">
    <button>Submit</button>
</form>

Answer 1

感谢Angular JS does not allow preventDefault or return false to work on form submission，我终于找到了答案.

在我的 ng-submit 中，我必须添加 $event 作为参数，该参数将事件传递给我的提交函数，然后我就能够执行 event 了。 PreventDefault() 以防止路由更改。不确定这是否是 Angular 错误或者是否是预期行为，但希望这对其他人有帮助。

所以这是固定代码:

angular.module('myApp', [])
.controller('MyCtrl', function ($scope) {
    $scope.submit = function(event) {
        event.preventDefault();
    };
});

<form ng-controller="MyCtrl" ng-submit="submit($event)">
    <button>Submit</button>
</form>