Angular2 / 4动态复选框/收音机样式

Question

我有一个Angular 2/4应用程序，用户可以在其中设置自己的风格。这意味着他可以设置一种颜色，然后用于链接，按钮等。这可以通过例如指令来完成。那样：

@Directive({
    selector: '.btn-primary'
})

export class ColorDirective {
    @HostBinding('style.color') color: string;

    constructor(private store: Store<AppState>) {
        this.store.select('config', 'config').subscribe((config: Config) => {
            this.color = config.color;
        });
    }
}

现在我们也想像这样设置复选框和单选按钮的样式。它们目前使用:before和:checked选择器进行样式设置。 Angular无法选择伪元素。因此，上述方法是不可能的。任何想法如何实现这一结果？