在angularjs 1.5组件中设置有效性

时间:2017-03-20 19:58:53

标签: angularjs components angular-components

Angularjs .directives中的链接函数在线有很多例子可以用

来操作dom
require: 'ngModel',
link: function(scope,elem, attr,ctrl){
    ctrl.$setValidity('element-name', false);
// and setting has-error
    elem.parent().hasClass('has-error');

如何在Angularjs 1.5 es5 .component上完成这项工作?

我已经看到你可以注入$element,$attrs虽然没有任何人使用它们的示例或如何注入ngModel作为ctrl用于设置有效性。我错过了一些超级简单的东西,每个人都知道如何做到这一点,或者没有人尝试在组件中使用这些。

1 个答案:

答案 0 :(得分:1)

是的,您可以在angular.component中设置有效性。但是它不支持链接功能,您可以使用它来设置有效性。但是,您可以设置另一种解决方案来设置验证,这主要涉及将元素嵌入到表单标记中。您可以在组件的控制器工厂功能中获取此表单参考,并设置有效性。