Как добавить html тегов в двойные кавычки

Question

У меня есть скрипт, как показано ниже,

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

Html,

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

Здесь проблема с моим тегом привязки, как добавить значение href в двойных кавычках, так как "<a href:"www.....>

Здесь я получаю сообщение об ошибке на href. Может кто-нибудь, пожалуйста, помогите мне. Спасибо.

Answer 1

Вы можете экранировать " следующим образом: \" или использовать одинарные кавычки ' в двойные для a href или classes

Answer 2

Проблема в вашей переменной javascript.

У вас есть две ошибки. Первая - это двойные кавычки перед href, которые не нужны.

Другая проблема - это кавычки для реальной ссылки, которая вызывает синтаксическую ошибку, поскольку javascript считает, что вы закрываете строку переменная.

У вас есть несколько вариантов, чтобы это исправить.

Используйте одинарные кавычки для строковой переменной:

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

Обратите внимание, что первая и последняя кавычки - это одинарные кавычки.

Или для избежания двойных кавычек с помощью escape-символа \

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

Третий вариант (я бы лично не рекомендовал его для этого конкретного c случая, но я включил его для ссылка) можно использовать литералы шаблона с символом `:

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

Не первый и последний являются обратными чертами `

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 3

Когда я только что пришел на работу, я обычно помещаю их в одинарные кавычки или строки в конкатах

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

Я знаю, что использовал sla sh, позже

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>`