如何在environment.prod.ts中将模式保存为ENV变量？

Question

我在environment.prod.ts的ENV变量中保存了一个模式，例如：

export const environment = {
      production: true,
      regExpTs : /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[#$@!%&*?])[A-Za-z\d#$@!%&*?]{8,30}$/i,
      regExpHTML : '^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[#$@!%&*?])[A-Za-z\d#$@!%&*?]{8,30}$',
};

这个想法的背景是能够在需要时动态地从env改变模式，并且隐藏它直接嵌入HTML。

第一个变量：regExpTs正在*.ts文件中使用，它工作正常。我面临的问题是变量：regExpHTML。

我在qazxsw poi文件中读取变量：qazxsw poi然后我在特定输入字段中的*.ts中将其作为插值传递。

例如。 let PASS_REGEXP_HTML = environment.regExpHTML;插值工作正常，但问题是模式以某种方式被更改，并且不再是ENV中保存的模式。

它改变自：

*.component.html

至：

<input type="password" patter="{{PASS_REGEXP_HTML}}" ../>

首先是它被改变的原因是什么，第二个是解决方案和/或解决这个问题的方法？

Answer 1

这是因为反斜杠。将您的regExpHTML更改为以下内容

^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[#$@!%&*?])[A-Za-z\d#$@!%&*?]{8,30}$