通过 formControlName 添加一个 CSS 类

【问题标题】：Add a CSS class by formControlName通过 formControlName 添加一个 CSS 类
【发布时间】：2018-04-13 21:10:14
【问题描述】：

我需要通过formControlName在运行时访问一些控件并添加一个CSS类。

我已经搜索了很多，包括官方文档和这里，但我找不到如何去做。

【问题讨论】：

【解决方案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);
  }
}

【讨论】：