在另一个指令中使用指令

Question

如何在另一个指令定义中插入指令规则？ 我已经定义了该指令：

@Directive({
  selector: "[appCardBody]"
})
export class CardBodyDirective {
  constructor(el: ElementRef) {
    el.nativeElement.style.width = "95%";
    el.nativeElement.style.marginTop = "20px";
  }
}

我以这种方式使用此指令：

<div
   appCardBody
   fxLayout="row"
   fxLayoutAlign="space-between center"
   fxLayout.lt-md="column"></div>

如何在我的appCardBody指令中直接包含fx *属性（来自角度flex-layout指令）？

我已经尝试过强制这样的元素：

@Directive({
  selector: "[appCardBody]"
})
export class CardBodyDirective {
  constructor(el: ElementRef) {
    el.nativeElement.style.width = "95%";
    el.nativeElement.style.marginTop = "20px";
    el.nativeElement.fxLayout = "row"
    // the other proprieties
  }
}

但是这种方式不起作用。 有什么建议吗？