Вы можете использовать re.escape () :
re.escape (string) Возвращаемая строка со всеми неалфавитами обратной косой черты; это полезно, если вы хотите сопоставить произвольную литеральную строку, которая может содержать метасимволы регулярного выражения.
blockquote>>>> import re >>> re.escape('^a.*$') '\\^a\\.\\*\\$'
Вы видите модальный режим непосредственно при загрузке, потому что вы поместили компонент modal
в DOM, а его свойство display
css сначала не установлено в none
.
Вы можете установить display: none
непосредственно на ваш мод, когда вставляете его в DOM в ModalService
(лучше держите манипуляции со свойством display
css в одном месте).
Обновлен пример StackBlitz: https://stackblitz.com/edit/mk-angular-modal-tqpjbf
blockquote>ngOnInit(): void { let modal = this; if (!this.id) return; this.element.style.display = 'none'; // set display: none when inserting modal in the DOM document.body.appendChild(this.element); this.modalService.add(this); }