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

发布时间：2020-12-15 22:08:19 所属栏目：百科来源：网络整理

导读：我只是在一个用asp.net webforms编写的网站上实现AngularJs. 我弄清楚当按钮上的ng-Submit时,表格也在进行Post调用. 如何阻止表单提交,让角度工作. 我的示例代码如下. form id="form1" runat="server" div input type="text" data-ng-model="enteredName" ng

我只是在一个用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功能.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!