0
votes

Comment ajouter des balises HTML entre guillemets doubles

J'ai un script comme ci-dessous,

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

Html,

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

Ici, le problème est avec ma balise d'ancrage, comment ajouter valeur href entre guillemets depuis le "

Ici, je reçois une erreur à href. Quelqu'un peut-il m'aider s'il vous plaît.Merci.

javascript angular html json

2 commentaires

essayez: var content = '

Veuillez cliquer sur le texte ci-dessous. Plus d'infos

'

Vous pouvez également utiliser des des littéraux de modèle , comme ceci < code> `

Veuillez cliquer sur le texte ci-dessous.
Plus d'infos

3 Réponses :

2
votes

Vous pouvez échapper le " comme ceci: \" ou vous pouvez utiliser des guillemets simples ' dans le doubles pour un href ou classes

0 commentaires

0
votes

Quand je viens d'entrer dans le poste, je les mets généralement entre guillemets simples ou chaînes de concaténation

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

J'ai su utiliser la barre oblique, plus tard

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

0 commentaires

0
votes

Le problème vient de votre variable javascript.

Vous avez deux bogues. Le premier est les guillemets avant href ceux-ci ne sont pas nécessaires.

L'autre problème est les guillemets pour le lien réel, qui provoque une erreur de syntaxe, car javascript pense que vous fermez la variable chaîne.

Vous avez plusieurs options pour résoudre ce problème.

Utilisez des guillemets simples pour la variable chaîne:

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

Notez que le premier et le dernier guillemets sont des guillemets simples.

Ou pour échapper les guillemets doubles en utilisant le caractère d'échappement \

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

Une troisième option (je ne le recommanderais pas personnellement pour ce cas spécifique, mais je l'ai inclus à titre de référence) pourrait être d'utiliser des littéraux de modèle avec le caractère `:

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

0 commentaires