c# – 如何使用asp.net webform处理AngularJs？

我只是在一个用asp.net webforms编写的网站上实现AngularJs.

我弄清楚当按钮上的ng-Submit时,表格也在进行Post调用.

如何阻止表单提交,让角度工作.

我的示例代码如下.

<form id="form1" runat="server">
   <div >
     <input type="text" data-ng-model="enteredname" ng-model-instant/>
     <button class="btn" value="add" data-ng-submit="addName()" >Add</button>
   </div>
</form>


//Add Name function
$scope.addName = function () {
   $scope.names.push($scope.enteredname);
   $scope.enteredname = '';
};

注意：ng-submit控制器工作正常,它将输入添加到字符串列表,但在该表单后进行调用.和页面转到IsPostBack.

任何人都指导我处理表格而不发布.

解决方法

如果您计划使用.NET创建一个角形表单,您应该使用.NET MVC而不是.NET webforms.原因是所有webforms页面都有自己的< form>用于维护状态的元素.在Visual Studio中创建新的webforms页面时可以看到这一点,它会自动添加：

<form runat="server" ID="Form1">

此外,当你制作像 这样的webforms控件时或者从基本HTML提供“增强”功能的其他东西,它们实际上被渲染为< input>使用父表单的标签.因此,为了利用webforms的任何功能,你真的需要坚持他们的模型,并且很难在其上添加任何其他东西.这是可能的,有时候也很容易,但这是一个很长的学习曲线,可以找出沿途的所有问题. ：linkbut​​ton>

相反,.NET MVC为您提供了更少的开箱即用,只需很少的包装器和回发或视图状态就可以向您展示原始HTML.我认为对于使用angular的东西来说,这是一个更好的主机,特别是如果你使用angular for forms,这将阻止你使用.NET的webforms功能.