angular.module('com.ngnice.app').directive('bfFieldError',function bfFieldError($compile){return {restrict:'A',//必须以属性方式使用<input bf-field-error />
require:'ngModel',//元素上必须有个ng-model属性，没有就会报错//link函数在指令初始化的时候自动执行
link:function(scope,element,attrs,ngModel){//ngModel是require定义的值var subScope= scope.$new(true);//创建一个子作用域，true为独立作用域，不会父作用域自动继承属性//创建子作用域subScope下的两个函数//判断是否有错误，有错误就要显示错误信息
subScope.hasError = function(){return ngModel.$invalid && ngModel.$dirty;//无效而且有输入才表示有错误
};//获取错误信息内容，直接把错误信息显示到界面
subScope.errors = function(){return ngModel.$error;};　//把一段html编译成LiveDom,并把子作用域当参数传进去，DOM会根据subScope的变化更新自己var hint = $compile('<ul ng-if="hasError()">{{errors()}}</ul>')(subScope);//errors()内容是{email:true}//把这段DOM追加到当前元素后边，让他显示出来
　　　　　　　　element.after(hint);}};});

var hint = $compile('<ul ng-if="hasError()"><li ng-repeat="(name,wrong) in errors()" ng-if="wrong">{{name|error}}</li></ul>')(subScope);

　angular.module('com.ngnice.app').filter('error', function(){var messages={email:'不是有效的格式的邮件地址',required:'此项不能为空'};return function(name){return messages[name]||name;};});

angular.module('com.ngnice.app').constant('Error', {email:'不是有效的格式的邮件地址',required:'此项不能为空'
});

angular.module('com.ngnice.app').filter('error', function(Errors){return function(name){return Errors[name]||name;};
});

angular.module('com.ngnice.app').directive('bfAssertSameAs',function bfAssertSameAs(){return {restrict:'A',require:'ngModel',link:function(scope,element,attrs,ngModel){//取参数attrs传进来的bf-assert-same-as属性表达式，并用$eval,再比较两个值（还有个是参数传进去的值）是否相等。var isSame = function(value){var anotherValue = scope.$eval(attrs.bfAssertSameAs);return value === anotherValue;};ngModel.$parsers.push(function(value){ngModel.$setValidity('same',isSame(value));return isSame(value) ? value : undefined;});scope.$watch(function(){return scope.$eval(attrs.bfAssertSameAs);},function(){ngModel.$setValidity('same', isSame(ngModel.$modelValue));}}};});                                                                      

<input id="_retypedPassword" bf-field-error type="password" ng-required="true" ng-model="vm.retypedPassword" bf-assert-same-as="vm.form.password"/>

angular.module('com.ngnice.app').constant('Error', {email:'不是有效的格式的邮件地址',required:'此项不能为空', same:'此项必须与上一项相同'
});

<input id="_retypedPassword" bf-field-error="{same:'确认密码必须与密码相同'}" type="password" ng-required="true" ng-model="vm.retypedPassword" bf-assert-same-as="vm.form.password"/>

subScope.customMessages=scope.$eval(attrs.bfFieldError);//取得一个自定义消息对象{same:'确认密码必须与密码相同'}

//把自定义消息对象customMessages传给过滤器

var hint = $compile('<ul ng-if="hasError()"><li ng-repeat="(name,wrong) in errors()" ng-if="wrong">{{name|error:customerMessages}}</li></ul>')(subScope);

angular.module('com.ngnice.app').filter('error', function(Errors){return function(name, customMessages){var errors = angular.extend({},Errors,customMessages);return errors[name]||name;};
});