Bezpieczna wartość powinna używać [właściwość] = bind po obejściu zabezpieczeń przez DomSanitizer
<pre class="lang-ts prettyprint-override">
<!--HTML CODE-->
<p #mass_timings>
<pre class="lang-ts prettyprint-override">
//Controller code@ViewChild('mass_timings') mass_timings: ElementRef;
constructor(private domSanitizer:DomSanitizer)
getInnerHTMLValue(){
this.mass_timings.nativeElement.innerHTML =
this.domSanitizer.bypassSecurityTrustHtml(this.parishDetail.mass_timings);}
ale dane wyjściowe wyświetlane wartości_masowe zawierają tekst: -
Bezpieczna wartość powinna używać [właściwość] = powiązanie
na początku
Jak usunąć tę linię.
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
5 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
<pre class="lang-ts prettyprint-override">
<p [innerHTML]="massTimingsHtml">
<pre class="lang-ts prettyprint-override">
Przykład StackBlitz
https://stackblitz.com/edit/angular-bmxbmy
(na podstawie Plunker Swapnil Patshcha - patrz komentarze poniżej)
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
[src]
, jak pokazano poniżej:Zaimportuj to
:
W pliku ts
W pliku
html
<iframe [src]="getSafeUrl()" frameborder="0" *ngIf="url"></iframe>
Ta metoda jest dość czasochłonna, ponieważ będzie wywoływać funkcję wiele razy, więc lepiej jest wyczyścić adres URL wewnątrz lifeCycleHooks, takich jak .
Możesz również użyć potoków, aby poprawić wydajność:
Anonimowy użytkownik
Potwierdzenie od:
// Oczyść potok HTML
Anonimowy użytkownik
Potwierdzenie od:
HTML
<div [innerHtml]="htmlValue | byPassSecurity">
Trąbka