在 angularjs 1.5 组件中设置有效性

Question

Angularjs .directives 中的 link 函数在网上有很多例子可以用

来操纵 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 以用于设置有效性。我是否遗漏了一些超级简单的东西，每个人都知道如何做到这一点，或者没有人尝试在组件中使用这些东西。

Answer 1

是的，您可以在 angular.component 内设置有效期。但是其中不支持 link 函数，您可以使用它来设置有效性。但是您可以使用另一种解决方案来设置验证，它基本上涉及将您的元素嵌入到表单标签中。您可以在组件的控制器工厂函数中获取此表单引用，并设置有效性。

在 angularjs 1.5 组件中设置有效性

Set validity in angularjs 1.5 component

angularjs

components

angular-components