Question

我正在使用asp.net webform和angularJs开发一个应用程序。我有一张表格。表单以表格格式加载数据。每行都有一个“编辑”按钮。编辑按钮的目的是编辑行。编辑按钮的类型是“提交”。因此，当我单击编辑按钮时，它会刷新表单。但我想防止这种情况发生。所以我在我的控制器中编写了一个方法。但它不起作用。代码如下：

<form id="form1" name="form1" runat="server" ng-submit="sendForm(form1)">
<button type="submit" ng-hide="editMode" ng-click="editMode = true; editItem(item)">Edit</button>

控制器

$scope.editItem = function (index) {
        $scope.editing = $scope.items.indexOf(index);        
    };

$scope.sendForm = function(form) {               
        //console.log("send form is working");        
        return false;
    };

解决问题的一种方法是在sendForm函数中使用'preventDefault（）'。但我想知道为什么'retunr false'在这里不起作用。

Answer 1

在控制器中编写以下函数

$scope.sendForm = function (event) {
    event.preventDefault();        
};

在表单tage的aspx页面中添加以下指令：

<form id="form1" name="form1" runat="server" ng-submit="sendForm($event)">

阻止使用AngularJs提交Webform

1 个答案: