在段落中创建 Web 链接

【问题标题】：Create web link in a pargraph在段落中创建 Web 链接
【发布时间】：2015-03-27 13:17:22
【问题描述】：

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

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

按原样显示，但我想将 abc.com 显示为超链接或 Web 链接

【问题讨论】：

我从包含文本数据和链接的 JSON 文件中获取数据，现在我想将这些链接显示为网络链接或超链接。我怎样才能做到这一点。我正在寻找最适合 angularjs 的方法。

标签： javascript html angularjs

【解决方案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

【讨论】：