在 Angularjs 中使用 ng-init 初始化包含 ' 的值时出现错误

Question

I am getting an error while initialize value containing ' using ng-init in Angularjs.

for eg:

@{
var textToDisplay="Suman's Question";
<div ng-app="" ng-init="myText='@textToDisplay'">
<h1>{{myText}}</h1>
</div>
}

The above query throwing error

[$parse:lexerr]

I am using MVC for rendering the view. Thanks in advance for the suggestion..

Answer 1

The Answer is as follows

@{
var textToDisplay="Suman's Question";
textToDisplay= textToDisplay.Replace("'", "\\'");
<div ng-app="" ng-init="myText='@textToDisplay'">
<h1>{{myText}}</h1>
</div>
}

And if it is using " then the code is like.

@{
var textToDisplay="Suman"s Question";
textToDisplay= textToDisplay.Replace("\"", "&#34");
<div ng-app="" ng-init="myText='@textToDisplay'">
<h1>{{myText}}</h1>
</div>
}