Typescript / Angular中的<％=％>语法

Question

我正在使用一个名为WEB_HOST的变量的Angular项目。 我可以在另一个文件中看到定义了变量的地方（以某种方式在名为ProjectConfig的类中进行了定义）。

定义（简体）：

export class ProjectConfig {
  WEB_HOST = 'https://example.com'; // I didn't think properties could be assigned here?

  constructor() { ... }
}

现在，从一个完全独立的* .ts文件，这显然不起作用：

let x = WEB_HOST; // x is undefined

但是，在同一文件中，一些现有代码通过使用奇异的字符串插值来设法访问变量的值：

let x = `<%= WEB_HOST %>`; // x == 'https://example.com'

这里发生了什么？ 我以前从未见过这种<%=语法。 它是Angular的一部分吗？ 打字稿？ 我尚未找到有关其功能的任何文档。

我也不知道它是如何设法从ProjectConfig获取属性的（并且我也不确定这是否是类属性...任何类函数之外的定义也使我感到困惑）。

Answer 1

因此，这是ASP标记。

如果您从w3schools看以下内容。 https://www.w3schools.com/asp/showasp.asp?filename=demo_syntax_tags

您将看到它在HTML中用于模板化。 我相信它也可以用于其他文件，因为在客户端应用程序在您的浏览器上运行之前，它已经在服务器上进行了处理。

高温超导

Answer 2

看起来像ERB，这是Ruby on Rails使用的Ruby模板引擎。 https://codingbee.net/tutorials/ruby/ruby-the-erb-templating-system

其他人提到各种语言使用<%= some_code_here %>进行模板制作。

不管使用什么语言处理它，我都可以想象您的.ts文件通过某个服务器端框架运行，它将在WEB_HOST位置放置一些字符串值，然后将该.ts文件转换为JS。

Answer 3

您可以在HTML文件上尝试这种方式

{{window.location.origin}}

如果无法识别window变量，我们可能需要在ts文件中使用

声明常量窗口；