如何在angular中获取一个区域下的所有svg对象？

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-svg-component',
  template: `
    <div #svgContainer>
      <!-- 区域内的SVG对象 -->
      <svg></svg>
      <svg></svg>
      <svg></svg>
    </div>
  `
})
export class SvgComponent {
  @ViewChild('svgContainer') svgContainer: ElementRef;
  
  ngAfterViewInit() {
    const svgElements = this.svgContainer.nativeElement.getElementsByTagName('svg');
    console.log(svgElements); // 获取到的SVG对象数组
  }
}