如何从Angular中的指令访问元素的当前样式？

Question

假设我们有以下代码：

<div style="transform: translateX(100px);" applyTranslateZDirective><div/>

该指令需要将translateZ(...)值附加到transform属性而不是覆盖它。

最终结果应如下所示：transform: translateX(100px) translateZ(...)。

问题

以下代码不起作用，因为调用el时ngOnInit()的样式尚未初始化。

///////////////
// Directive //
///////////////

private initialTransform: string;    

constructor(private el: ElementRef) { }    

ngOnInit() {
    this.initialTransform = this.el.nativeElement.style.transform;
}

访问元素初始样式的其他方法有哪些？

P.S

请记住，对其他生命周期钩子的访问是有限的，因为我们正在处理指令。