在Angular 10中，更改原生元素的滚动左值可能会多次触发变更检测，这可能导致性能问题。为了解决这个问题，可以使用Angular的NgZone服务和HostListener装饰器来限制变更检测的触发次数。

以下是一个示例代码，演示如何在Angular 10中解决这个问题：

import { Component, NgZone, HostListener } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    

      
    
  `
})
export class ExampleComponent {
  @ViewChild('container') container: ElementRef;
  private scrollLeft: number = 0;

  constructor(private zone: NgZone) {}

  ngAfterViewInit() {
    this.zone.runOutsideAngular(() => {
      this.container.nativeElement.addEventListener('scroll', this.onScroll.bind(this));
    });
  }

  onScroll(event: Event) {
    // debounce the scroll event to limit the change detection
    clearTimeout(this.scrollTimeout);
    this.scrollTimeout = setTimeout(() => {
      this.zone.run(() => {
        this.scrollLeft = event.target.scrollLeft;
      });
    }, 100);
  }
}

在这个示例中，我们使用NgZone来运行滚动事件的回调函数。通过将其包装在runOutsideAngular方法中，我们确保了滚动事件不会触发不必要的变更检测。

在ngAfterViewInit生命周期钩子中，我们使用原生addEventListener方法来监听滚动事件，并将事件处理函数绑定到组件的onScroll方法。

在onScroll方法中，我们使用setTimeout来限制变更检测的触发次数。通过使用zone.run方法，我们确保了变更检测在Angular的上下文中运行，从而更新组件的scrollLeft属性。

使用上述代码示例，您可以在Angular 10中解决原生元素滚动左值变更检测多次触发的问题。