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;
}