通过formControlName

Question

我需要在运行时访问 formControlName 和添加CSS类。

我搜索了很多内容，包括官方文档，在这里，我无法找到如何做到这一点。

Answer 1

与任何其他属性一样，属性选择器可用于指定样式：

  [formControlName="foo"] {
    color: red;
  }

如果它是一个类而不是应该添加的类，可以使用指令来完成：

@Directive({ selector: '[formControlName]' })
class FCNDirective {
  @Input() formControlName;

  constructor(private elementRef: ElementRef, private renderer2: Renderer2) {}

  ngOnInit() {
    this.renderer2.addClass(this.elementRef.nativeElement, this.formControlName);
  }
}