Строка HTML поступает с сервера и содержит встроенные твиты, которые не отображаются в InnerHTML после очистки. Любые решения приветствуются
Мой .ts-код
export class AppComponent implements OnInit {
title = 'DemoDynamicMarkupTwitterCode';
myDynamicMarkup: string = "<p dir=\"ltr\" style=\"text-align: justify;\">\n\n<p style=\"text-align: justify;\"> </p>\n\n<p style=\"text-align: justify;\"> </p>\n\n<p style=\"text-align: justify;\"><blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">Every good conversation starts with good listening. And Listening becomes interesting when you are in front of this legend. ????????pic.twitter.com/ZxiyR2q9Ko</a></p>&mdash; Yuzvendra Chahal (@yuzi_chahal) <a href=\"https://twitter.com/yuzi_chahal/status/1156792063761479136?ref_src=twsrc%5Etfw\">August 1, 2019</a></blockquote> <script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script></p>\n\n<p style=\"text-align: justify;\"> </p>\n\n<p style=\"text-align: justify;\"> </p>"
constructor(public share: ShareService, private renderer2: Renderer2, private el: ElementRef){
}
ngOnInit() {
}
}
--- труба для дезинфекции--- `
@Pipe({
name: 'safeHtml'
})
export class SafeHtmlPipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) { }
transform(html): any {
return this.sanitizer.bypassSecurityTrustHtml(html);
}
`
--- HTML-файл
<div [innerHTML]="myDynamicMarkup | safeHtml"></div>
Я хочу, чтобы твит отображался внутри страницы. Кто-нибудь, сообщите нам о каком-либо рабочем решении или об обходном пути и о том, как этого можно достичь. Что касается строки HTML, полученной с сервера во время вызова веб-службы, твит твита может быть частью внутри как встроенная строка html, созданная с помощью текстового редактора отдельного приложения и сохраненная в базе данных.