Yocker
  1. Yocker
  3. Angular 2, DomSanitizer, bypassSecurityTrustHtml, SVG
Intereting Posts
System.Lazy con diversa modalità di sicurezza del thread Ottieni la durata del video quando inserisci un file video API TTS di Google Traduttore bloccata Incorpora SVG in SVG? Differenza tra barra (/) e barra rovesciata (\) nel percorso del file Installazione di OpenCV 2.4.3 in Visual C ++ 2010 Express Recupera la data del lunedì della settimana corrente Come selezionare un elemento in base al nome della class usando jqLite? Differenza tra eredità privata, pubblica e protetta Esecuzione di un processo nella schermata di benvenuto di Windows 7 Come inviare l’elenco degli oggetti da visualizzare e tornare al metodo Post nel controller Qual è il modo più semplice per ottenere la posizione corrente di un iPhone? Hosting di Firebase con più directory su più domini Sovrascrivere ‘malloc’ usando il meccanismo LD_PRELOAD Scanner NoSuchElementException

Angular 2, DomSanitizer, bypassSecurityTrustHtml, SVG

Sto usando DomSanitizer con un SVG in una stringa html.

Precedentemente alla versione corrente di Angular, questo ha funzionato bene:

this.domSanitizer.bypassSecurityTrustHtml(content);

Ora sto richiamando un object 

 SafeHtmlImpl {changingThisBreaksApplicationSecurity: " blah "} changingThisBreaksApplicationSecurity

Esiste ora un nuovo modo per accedere all’output di DomSanitizer? Dovrei riceverlo come tipo SafeHTML o qualcosa del genere? Qual è il punto in avere bypassSecurityTrustHtml se ancora filtri html?

Qualche risposta su una cartolina? Per favore…

DEMO: https://plnkr.co/edit/Qke2jktna55h40ubUl8o?p=preview 

 import { DomSanitizer } from '@angular/platform-browser' @Pipe({ name: 'safeHtml'}) export class SafeHtmlPipe implements PipeTransform { constructor(private sanitized: DomSanitizer) {} transform(value) { console.log(this.sanitized.bypassSecurityTrustHtml(value)) return this.sanitized.bypassSecurityTrustHtml(value); } } @Component({ selector: 'my-app', template: ` 
 
 `, }) export class App { name:string; html: safeHtml; constructor() { this.name = 'Angular2' this.html = " blah "; } }

Usa DomSanitizer.bypassSecurityTrustHtml : 

 constructor(private sanitizer: DomSanitizer) { } let html = this.sanitizer.bypassSecurityTrustHtml(" blah ");

Ulteriori informazioni: https://angular.io/docs/ts/latest/guide/security.html#bypass-security-apis