Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何访问元素';从指令角度看,当前的样式是什么?_Javascript_Angular_Angular Directive - Fatal编程技术网

Javascript 如何访问元素';从指令角度看,当前的样式是什么?

Javascript 如何访问元素';从指令角度看,当前的样式是什么?,javascript,angular,angular-directive,Javascript,Angular,Angular Directive,假设我们有以下代码: <div style="transform: translateX(100px);" applyTranslateZDirective><div/> 访问元素的初始样式的其他方法有哪些 p.S 请记住,对其他生命周期挂钩的访问是有限的,因为我们处理的是指令。您必须使用ngAfterViewInit,指令将行为添加到组件,并且在未加载DOM时,指令才能工作。什么是初始样式?浏览器将许多默认样式应用于DOM元素,以及由developer@Maximus

假设我们有以下代码:

<div style="transform: translateX(100px);" applyTranslateZDirective><div/>
访问元素的初始样式的其他方法有哪些

p.S


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

您必须使用
ngAfterViewInit
,指令将行为添加到组件,并且在未加载DOM时,指令才能工作。什么是初始样式?浏览器将许多默认样式应用于DOM元素,以及由developer@Maximus我对问题进行了澄清,它在构造函数中可用,因此在ngOnInit中也可用,
el.nativeElement.style.transform
应该输出
“translateX(100px)”
@Maximus它没有。元素本身可用,但其样式不可用
///////////////
// Directive //
///////////////

private initialTransform: string;    

constructor(private el: ElementRef) { }    

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