Angular 2, DomSanitizer, bypassSecurityTrustHtml, SVG

Question

Bir html dizesinde bir SVG ile DomSanitizer kullanıyorum. Eğik geçerli sürümüne Önceki

, bu gayet güzel çalıştı:

this.domSanitizer.bypassSecurityTrustHtml(content);

Şimdi artık erişmek için yeni bir yol geri

SafeHtmlImpl {changingThisBreaksApplicationSecurity: "<svg> blah </svg>"} 
changingThisBreaksApplicationSecurity 

denilen bir nesneyi var mı alıyorum DomSanitizer'ın çıkışı? Bunu SafeHTML türü olarak mı almalıyım? Hala html'yi filtreliyorsa, bypassSecurityTrustHtml uygulamasının amacı nedir?

Kartpostaldaki herhangi bir cevap var mı? Lütfen ...

Answer 1

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: ` 
    <div [innerHtml]="html | safeHtml"> 
    </div> 
    `, 
}) 
export class App { 
    name:string; 
    html: safeHtml; 
    constructor() { 
    this.name = 'Angular2' 
    this.html = "<svg> blah </svg>"; 
    } 
} 

Answer 2

Kullanım DomSanitizer.bypassSecurityTrustHtml:

constructor(private sanitizer: DomSanitizer) { 
} 

let html = this.sanitizer.bypassSecurityTrustHtml("<svg> blah </svg>"); 

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