要在Angular 9中实现元素滚动方向的反转,你可以使用Angular的Renderer2和ElementRef。
首先,在组件的构造函数中注入Renderer2和ElementRef:
import { Component, Renderer2, ElementRef } from '@angular/core';
@Component({
selector: 'app-example',
template: ''
})
export class ExampleComponent {
constructor(private renderer: Renderer2, private el: ElementRef) { }
}
然后,在ngAfterViewInit生命周期钩子中获取容器元素的引用并反转滚动方向:
ngAfterViewInit() {
const container = this.el.nativeElement.querySelector('#container');
this.renderer.setStyle(container, 'direction', 'rtl');
}
这将使容器元素的滚动方向从左到右变为从右到左。
注意:确保将"#container"替换为要反转滚动方向的实际元素的选择器。
希望这可以帮助到你!