如何在双引号内添加html标签

Question

我有一个像下面这样的脚本，

var content = "<p>Please click on the text below.<br><a "href="www.testifyme.com">More Info</a></p>"

网址，

<span [innerHtml]="content"></span>

这里的问题是我的锚标记，如何在双引号中添加 href 值，因为"<a href:"www.....>

在这里，我在 href 处遇到错误。任何人都可以帮助我。谢谢。

Answer 1

您可以像这样转义" ： \\"或者您可以在双引号内使用单引号' a href或classes

Answer 2

当我刚入职时，我通常将它们放在单引号或连接字符串中

var content = '<p>Please click on the text below.<br><a href="www.testifyme.com">More Info</a></p>'

我知道使用斜杠，后来

var content =  "<p>Please click on the text below.<br><a href=\"www.testifyme.com\">More Info</a></p>"

当我知道 ES6 时，我使用 ```

var content = `<p>Please click on the text below.<br><a href="www.testifyme.com">More Info</a></p>`

Answer 3

问题出在您的 javascript 变量中。

你有两个错误。 第一个是不需要的href之前的双引号。

另一个问题是实际链接的引号，这会导致语法错误，因为 javascript 认为您正在关闭字符串变量。

您有多种选择来解决这个问题。

对字符串变量使用单引号：

var content = '<p>Please click on the text below.<br><a href="www.testifyme.com">More Info</a></p>';

注意第一个和最后一个引号是单引号。

或者使用转义字符\\转义双引号

var content = "<p>Please click on the text below.<br><a href=\"www.testifyme.com\">More Info</a></p>";

第三个选项（我个人不会针对这种特定情况推荐它，但我将其包含在内以供参考）可能是使用带有`字符的模板文字：

var content = `<p>Please click on the text below.<br><a href="www.testifyme.com">More Info</a></p>`;

不是第一个和最后一个是反引号`