Question

Angular Form让我们非常方便。所以我用输入实现了我自己做的表单组件。因此，我想设置标签required以便我使用指令来处理。

完成所有工作之后，当我想查询每个被分页required的组件时，我遇到了一些问题。我设置ContentChildren('required')，作为结果，它只显示指令详细信息而不是我的成分

指令（）

@Directive({
  selector: '[isRequired]'
})

class requiredDirective{
...

@HostBinding("class.isRequired") _isRequired = true;

...
}

（适用FormComponent）

@Component({
  selector: 'my-form',
})

@ContentChildren(requiredDirective)
public InputComponents: QueryList<requiredDirective> = null;
_submit(){
  console.log(InputComponents);
}

FormComponent.pug

ng-content

主要-哈巴狗

my-form
  input(isRequired)

InputComponents仅在控制台表上显示指令详细信息。目前，我使用input(#isRequired="")，得到ContentChildren('isRequired')，返回值为Correct and Clear。但在我的错误中，使用#isRequired=""并不清楚使用。是否有明确的方法来处理这种情况？

ContentChildren在angular2中的组件和指令查询

0 个答案: