Angular 角度显示<;a>;作为响应的超链接作为HTML中的字符串

Angular 角度显示<;a>;作为响应的超链接作为HTML中的字符串,angular,hyperlink,Angular,Hyperlink,我有一个api,它给了我一个字符串,我必须在我的HTML文件上显示响应,但是经过大量的研究,我不知道该怎么做 问题是在响应中,字符串有一些 Lorem ipsum door sit amet,一位杰出的领导者 正如您所看到的,完整的Google将出现在页面上,没有超链接,只需从响应中获取的文本,我只想显示Google,也可以显示超链接 编辑 HTML <p *ngIf="value && string"> {{string.getString(value)}} &

我有一个api,它给了我一个字符串,我必须在我的HTML文件上显示响应,但是经过大量的研究,我不知道该怎么做

问题是在响应中,字符串有一些

Lorem ipsum door sit amet,一位杰出的领导者

正如您所看到的,完整的Google将出现在页面上,没有超链接,只需从响应中获取的文本,我只想显示Google,也可以显示超链接

编辑

HTML

<p *ngIf="value && string">
  {{string.getString(value)}}
</p>
api的响应:

{
   "strings": {
      "WEB_ABOUT_US": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href=\"www.google.co.in\">Google</a> Sed tellus justo, euismod non sodales eget, faucibus accumsan odio. Nunc quis venenatis dui. Vestibulum ut nunc nec augue imperdiet lobortis vitae eget ex. Curabitur ut elit et lacus euismod fringilla. Vivamus interdum massa quis sollicitudin ornare. Sed sed urna id diam sollicitudin tempus vel in elit. Duis malesuada massa et purus imperdiet, ac varius nulla volutpat. In feugiat quis sapien et tempus."
    }
}
{
“字符串”:{
“网络关于我们”:"我的知识来自于对精英的敬仰,来自于对精英的敬仰,来自于对精英的敬仰,来自于非苏打水的敬仰,来自于对威尼斯的敬仰,来自于前庭的敬仰,来自于奥古斯都的敬仰,来自于对精英的敬仰,来自于对精英的敬仰,来自于对精英的敬仰,来自于奥纳的敬仰,来自于奥纳的敬仰在精英阶层中,他们是马萨和普卢斯帝国的统治者,在封建时代,他们是智者和天妇罗。”
}
}
到目前为止,我所做的是:

请阅读,但这不是我要找的东西。请帮助以角度的形式实现这一点。如果出现任何问题,我会在这里解释。谢谢

已解决

感谢你们所有付出时间帮助我走出困境的人,但特别要感谢@PierreDuc的帮助,我做到了这一点。所以我必须做的事情是我没有正确地完成

<p [innerHTML]="string.getString('WEB_ABOUT_US')"></p>


再次感谢!!

您可以使用它-默认情况下,Angular正在清理潜在的不安全内容

 import { DomSanitizer } from '@angular/platform-browser';

 html: any;

  constructor(private domSanitizer: DomSanitizer) {
    this.html = domSanitizer.bypassSecurityTrustHtml('<b>Test</b> <a href="google.com" >My Test</a>');
  }
从'@angular/platform browser'导入{domsanizer};
html:任何;
构造函数(私有domsanizer:domsanizer){
this.html=domsanizer.bypassSecurityTrustHtml('Test');
}
StackBlitz示例-


另请参见

请阅读。首先,您需要向我们展示如何将此内容插入到文档中。您可能正在使用字符串插值
{{value}
,您应该像
[innerHTML]=“value>一样使用
[innerHTML]
绑定“
@PierreDuc两者都将返回的数据显示为文本,需要设置innerHTML以使其按预期工作。您可以添加从api调用获得的响应吗?因此,这是一个安静的正确方法,但当我在
中传递值时,绕过SecurityTrustHTML(string.getString(“WEB\u ABOUT\u US”)
,实际上,它根本就不起作用,也许它应该起作用。抛出很多错误。它只在您像
bypassSecurityTrustHtml('Test')这样提供它时才起作用。
看看这个链接,这里有虚拟数据。很好用。
<p [innerHTML]="string.getString('WEB_ABOUT_US')"></p>
 import { DomSanitizer } from '@angular/platform-browser';

 html: any;

  constructor(private domSanitizer: DomSanitizer) {
    this.html = domSanitizer.bypassSecurityTrustHtml('<b>Test</b> <a href="google.com" >My Test</a>');
  }