在Angular 6 Index.html页面中使用GTM实施页面跟踪

Question

我需要在Angular 6应用程序中使用GTM代码跟踪页面浏览量。 粘贴在Index.html页面中的代码行下面，我的Prod_GTM_ID值将根据不同的环境而变化。

要获取动态值，如URL How to use environment variable in index.html for Angular 6中提到的（第三个答案），我按照以下步骤操作，但使用{{Prod_GTM_ID}}时显示错误“预期的属性分配。（未定义）”

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer',{{Prod_GTM_ID}});</script>

如何在index.html页面内导入环境变量。 有没有最简单的方法可以达到相同的效果。