在Angular 10服务中创建TemplateRef

import { Injectable, TemplateRef } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class TemplateService {
  constructor() { }
}

export class TemplateService {
  constructor() { }
  
  public processTemplate(template: TemplateRef<any>) {
    // 在这里对TemplateRef进行处理
    // 可以通过调用`createEmbeddedView()`方法来创建嵌入视图
    // 可以通过调用`clear()`方法来清除嵌入视图
    // 可以通过调用`context`属性来访问模板上下文
  }
}

import { Component, OnInit, ViewChild, TemplateRef } from '@angular/core';
import { TemplateService } from '../template-service.service';

@Component({
  selector: 'app-example-component',
  templateUrl: './example-component.component.html',
  styleUrls: ['./example-component.component.css']
})
export class ExampleComponent implements OnInit {
  @ViewChild('myTemplate') myTemplate: TemplateRef<any>;

  constructor(private templateService: TemplateService) { }

  ngOnInit(): void {
    this.templateService.processTemplate(this.myTemplate);
  }
}

<ng-template #myTemplate>
  <!-- 在这里编写模板内容 -->
</ng-template>