我有一个全局指令,负责从控制器获取错误消息、编译和显示它。
如果出现服务器验证错误,例如
This email already exists
,我想关注此元素,并将其有效性设置为 false,例如$setValidity(false)
。
该指令不是表单,也不包含表单。
你有什么建议(已经尝试了所有被注释掉的东西)
directive('messageCompile', function ( $compile, $window, $rootScope ) {
return {
restrict: 'A',
scope: true,
link: function ( scope, element, attrs ) {
var el;
attrs.$observe( 'template', function ( tpl ) {
if ( angular.isDefined( tpl ) ) {
// compile the provided template against the current scope
el = $compile( tpl )( scope );
// stupid way of emptying the element
element.html("");
// add the template content
element.append( el );
}
});
attrs.$observe('focus', function(val){
if ( angular.isDefined( val ) && Boolean(val)) {
var el = angular.element('[name="' + attrs.focus + '"]');
var form = el.parents().find('form');
var formName = form.attr('name');
el.focus();
// scope[formName].$setValidity(val, false);
// el.scope().$setValidity(false);
// scope[formName][val].$setValidity(false);
//$rootScope.scope[formName][val].$setValidity(false);
//$rootScope.scope[formName].$setValidity(val, false);
}
});
var windowEl = angular.element($window);
windowEl.on('scroll', function() {
if(window.scrollY > 46){
element.parent().parent().addClass('stayTop');
// alert('here');
}
else{
// alert('here2');
element.parent().parent().removeClass('stayTop');
}
});
},
}
}).