I want to display the static content from js and also an image in it
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">'".
}
My Html,
ng-bind-html= content.answer
When i run my code,it says the error
Uncaught SyntaxError: Unexpected identifier
This is what i have tried.Can anyone find my error.Thanks.
try this:
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">.'
}
Your content string doesn't have escape character. When you encapsulate a string with double quote then you can't use it again within the string unless it is with escape character \
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\">'"
}
And if you are using it in angular-template as you have HTML in your answer which you want to render, use it with ng-bind-html
There are some problems in your code. variable content should look like this:
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">'
}
So please use double quotes inside the IMG tag, and single ones in the object property.
Another problem is {{content.question}} means nothing, since you have only "message" and "answer" properties inside content.
So you can use content.message
'The best city in the world?'and the same in the other string? Next - read this