angular 的Renderer2修改动画属性
时间: 2023-05-20 11:04:39 浏览: 211
可以使用Renderer2的setProperty方法来修改动画属性,例如:
import { Component, Renderer2, ElementRef } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor(private renderer: Renderer2, private el: ElementRef) {}
changeAnimation() {
const element = this.el.nativeElement.querySelector('.my-element');
this.renderer.setProperty(element, 'animation-duration', '2s');
}
}
在上面的代码中,我们使用Renderer2的setProperty方法来将动画持续时间修改为2秒。注意,我们需要使用ElementRef来获取元素的引用。
阅读全文