在角度指令中添加一个类

Question

我有一个简单的指令，我想给它添加一个类：

@Directive({
  selector: '[appFieldLabel]',
})
export class FieldLabelDirective {
  @Input() tooltip: string;
  @Input() showOptional = true;

  @HostBinding('class.text-truncate')
  test = true;
}

这可行，但我希望它始终被设置，有没有办法不分配像这里test = true;这样的无用属性

谢谢

Answer 1

您可以绑定到class 而不是prop = true，然后将值设置为您想要的类，如下所示：

@Directive({
  selector: '[appFieldLabel]',
})
export class FieldLabelDirective {
  @Input() tooltip: string;
  @Input() showOptional = true;

  @HostBinding('class') private hostClass = 'text-truncate';
}

没那么没用，因为你可以通过变量修改类。

你也可以像这样绑定类：

@Directive({
  selector: '[appFieldLabel]',
  host: {
    'class': 'text-truncate',
  }
})
export class FieldLabelDirective {
  // the rest of the code
}