angular 索引 html 中的字符串插值

Question

我有這個 angular 項目，然后 index.html 是應用程序的主要入口點，就像任何其他 angular 項目一樣，它包含鏈接。

正如您在下面的 html 中看到的那樣，有一個插值，它是來自環境配置的${environment.code} 。

google tag manager id 的值應該是${environment.code}的值，但是當我們在運行和檢查元素時檢查瀏覽器中的值時，它沒有獲得 env 代碼的值。 知道我們如何解決這個問題嗎？ 我已經嘗試過 dom 操作、字符串插值等，但似乎沒有任何效果。 感謝您的幫助和想法，非常感謝。

#index.html 代碼

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Cache-Control" content="max-age=0, must-revalidate"/>
  <meta http-equiv="Pragma" content="no-cache"/>
  <meta http-equiv="Expires" content="0" />
  <title>m</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="sec-validation" content="d1343a3ae51-8f7b-4038-bfc8-c56565485456547a4d">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="preconnect" href="https://fonts.gstatic.com">  
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">  
<!-- Google Tag Manager -->
<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=${environment.code}'+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer',environment.code);</script>
  <!-- End Google Tag Manager -->
</head>

<body class="mat-typography dx-viewport">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${environment.code}"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  <app-root></app-root>
</body>
</html>

#main.ts 代碼

從'@angular/core'導入{enableProdMode}； 從'@angular/platform-browser-dynamic'導入{platformBrowserDynamic}；

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

#環境代碼

export const environment = {
  production: false,
  appName: 'My App',
  code: 'AGRTSRS-GMSDS'
};

Answer 1

將 iframe src 寫為[src]=用於要計算的 {}。

angular 索引 html 中的字符串插值

問題描述

1 個解決方案

解決方案1
0 2023-01-27 05:59:06

angular 索引 html 中的字符串插值

問題描述

1 個解決方案

解決方案1 0 2023-01-27 05:59:06

解決方案1
0 2023-01-27 05:59:06