environment.prod.ts에 ENV 변수로 패턴을 저장하는 방법은 무엇입니까?

Question

나는에 ENV 변수에 패턴을 저장 environment.prod.ts 예 :

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.

내가 아니라 *.ts 파일에서 가변적이고 읽기 : let PASS_REGEXP_HTML = environment.regExpHTML; 다음 I 특정 입력 필드 내에 *.component.html 보간로 전달.

예. <input type="password" patter="{{PASS_REGEXP_HTML}}" ../> 보간법도 잘 작동하지만 패턴은 어떻게 든 변경되며 더 이상 ENV에 저장되지 않습니다.

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

에 :

그것은에서 변경

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

해결책이 될 것입니다 무슨이 변경되는 것 이유와 두 번째 무엇이 먼저 및/또는 그러한 문제에 대한 해결책?

Answer 1

백 슬래시 때문입니다. regExpHTML을 다음으로 변경하십시오.

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