Угловой: обратный отсчет мерцает при введении пользовательского CSS - PullRequest
Новая
       20

Угловой: обратный отсчет мерцает при введении пользовательского CSS

0 голосов
/ 04 апреля 2019

Я создал пользовательский компонент, который получает пользовательский CSS из API через наблюдаемый массив.Этот компонент содержит обратный отсчет, и вся страница будет применять пользовательский CSS при запуске проекта.Когда я запустил обратный отсчет и применение собственного CSS работает отлично, но обратный отсчет и предложение, которое содержит номер обратного отсчета, начинает мерцать (мигать).Эта проблема возникает только в браузере Safari, в Chrome и Firefox она работает отлично.Для введения CSS я использовал DomSanitizer

custom.component.html 

<link rel="stylesheet" [href]='sanitizer.bypassSecurityTrustResourceUrl(cssUrl)'>
<div class="container-fluid">
<div *ngSwitchCase="STATUS.completed">
  <h4 class="content-start">{{ languageStrings.thankMessage }}</h4>
  <h4 class="content-start" [innerHTML]="sanitizer.bypassSecurityTrustHtml(languageStrings.completedStatusMessage)"></h4>
</div>
</div>

custom.component.ts 

this.languageStrings.completedStatusMessage = translation.replace('__URL__', `<a class="a-pointer" onClick="window.location.href=\`${this.redirectUrl}\`;">${this.redirectUrl}</a>`).replace('__REMAINING_TIME__', this.remainingTime.toString());
...