Asp.net Angular JS和ASP服务器端控件验证
我将angular JS用于asp.net服务器端控件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
<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}