javascript - 使用具有动态文本的相同角度模板

Question

我已经使用 svg ( https://angular.io/guide/svg-in-templates ) 创建了一个角度模板，所以现在我可以在我之前有图像的不同地方以我喜欢的方式重复它。但我面临一个挑战，即如何传递动态文本内容，这些内容将传递到 svg 内的“文本”标签。所以我有这样的东西

<div1><app-svg-template></app-svg-template></div1><!-- pass report title 1 here -->
<div2><app-svg-template></app-svg-template></div2><!-- pass report title 2 here -->
<div3><app-svg-template></app-svg-template></div3><!-- pass report title 3 here -->

我试图做这样的事情 {{reportName}} 并在标签内使用“ng-content”取得了一些成功，但它失败了会长报告名称，因为我无法正确包装它。请提出解决此问题的最佳方法。我想这将是基本用例，但无法找到可行的解决方案。更好地解释一下这种方法，因为我是 angular 的新手。TIA。