Asp.net Angular JS和ASP服务器端控件验证

Asp.net Angular JS和ASP服务器端控件验证,asp.net,angularjs,validation,server-side,validationsummary,Asp.net,Angularjs,Validation,Server Side,Validationsummary,我将angular JS用于asp.net服务器端控件 <div class="gridpage mb40" name="myForm" ng-model="myForm" ng-form <div class="form-group"> <label class="">Name of the Supplier:</label> <asp:TextBox ID="txtSupName" CssClass="form

我将angular JS用于asp.net服务器端控件

<div class="gridpage mb40" name="myForm" ng-model="myForm" ng-form
   <div class="form-group">
      <label class="">Name of the Supplier:</label>
        <asp:TextBox ID="txtSupName" CssClass="form-control" runat="server" ng-model="txtSupName" name="txtName" required></asp:TextBox>
        <p ng-show="myForm.txtName.$invalid && !myForm.txtName.$pristine" class="help-block">Your Name is Required.</p>
   </div>
 </div>
试试这个解决方案

创建一个指令
alias
,该指令存储对
ngModelController
的引用,该引用独立于输入的
名称(asp:TextBox)

var myApp=angular.module('myApp',[]);
控制器('MyCtrl',函数($scope,$log){
})
.directive('alias',function()){
返回{
限制:“A”,
要求:“ngModel”,
范围:{
别名:“=”
},
链接:功能(范围、要素、属性、ngModel){
scope.alias=ngModel;
}
}
});

名字是由名字引起的
名称由别名指定
按名称排列的模式无效
按别名划分的模式无效

myForm.txtName.$error={{myForm.txtName.$error | json} 别名。$error={{aliasName.$error | json}