Question

我想显示js中的静态内容以及其中的图像

content = {
    message: "The best city in the world?"
    answer:" Paris is one of the best city.'<img src ='assets/paris.gif alt="Smiley face" height="42" width="42">'".
}

我的Html，

 ng-bind-html= content.answer

当我运行我的代码时，它会显示错误

Uncaught SyntaxError: Unexpected identifier

这是我试过的。任何人都可以找到我的错误。谢谢。

Answer 1

试试这个：

content = {
    message: 'The best city in the world?',
    answer: 'Paris is one of the best city.<img src ="assets/paris.gif" alt="Smiley face" height="42" width="42">.'
}

Answer 2

您的代码中存在一些问题。变量内容应如下所示：

var content = {
    message: "The best city in the world?",
    answer: 'Paris is one of the best city. <img src ="assets/paris.gif" alt="Smiley face" height="42" width="42">'
}

因此，请在IMG标记内使用双引号，在object属性中使用单引号。另一个问题是{{content.question}}没有任何意义，因为内容中只有“消息”和“回答”属性。所以你可以使用content.message

Answer 3

您的content字符串没有转义字符。当您使用双引号封装字符串时，您不能在字符串中再次使用它，除非它具有转义字符\

content = {
    message: "The best city in the world?",
    answer: "Paris is one of the best city.'<img src =\"assets/paris.gif \" alt=\"Smiley face\" height=\"42\" width=\"42\">'"
}

如果您在角色模板中使用它，因为您要在答案中添加HTML，请将其与ng-bind-html一起使用

如何将html内容添加到js中的静态文本中

3 个答案: