在表單提交中添加URL問號

Question

當我單擊表單中的提交按鈕時，它將添加一個？就在＃so/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.module('myApp', []) 
.controller('MyCtrl', function ($scope) { 
    $scope.submit = function(event) { 
     event.preventDefault(); 
    }; 
}); 

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