在段落中创建Web链接

Question

当段落来自Json作为字符串时，我想在段落中添加链接作为超链接

<p>Dumy Dumy Dumy Dumy Dumy Dumy Dumy DumyDumyDumyDumy  abc.com </p>

此显示原样，但我想将abc.com显示为超链接或网络链接

Answer 1

最好将数据模型分为两部分......文本和超链接文本。然后，您可以在模板中专门设置超链接。例如

JSON模型：

{
  data: {
    description: 'dummy text',
    link: 'http://www.example.com',
    linkText: 'abc.com'
  }
} 

从那里你的HTML模板看起来像......

<p>
  {{ data.description }}
  <a href="{{ data.link }}">{{ data.linkText }}</a>
</p>

Angular已采取措施保护您不将HTML注入模板。虽然您可以使用$sce服务绕过此功能。虽然我强烈建议您在使用之前重新考虑您的设计，除非绝对必要。有关详细信息，请阅读：https://docs.angularjs.org/api/ng/service/$sce#trustAsHtml