Javascript AngularJS-JS中的HTML-转义单引号

我需要用javascript来做这件事，我不能用html来做（至少不能不破坏一切，我希望以后能把它放到html中）

如果是纯html格式，div将如下所示（'my-border'）：

。。。

但是由于它是javascript，整个html行需要用单引号括起来 （“我的边界”）：

模板：“…”

我（从）尝试了以下方法：

“我的边界”

模板：“…”

\'my-border\'

template: '<div class="col-xs-12" ng-class="{\'my-border\': hasBorder">...</div>'

模板：“…”

“我的边界”

template: '<div class="col-xs-12" ng-class="{&#39;my-border&#39;: hasBorder">...</div>'

模板：“…”

但是我得到语法错误：意外字符串

我是这个小组的新成员，所以我首先搜索了档案，什么也没找到。 如果有人能帮我或者把我和一个现有的话题联系起来，我会非常感激

非常感谢您抽出时间

香农：

不会

template: "<div class=\"col-xs-12\" ng-class=\"{'my-border': hasBorder\">...</div>"

模板：“…”

---

工作？

您不必引用课程：

<div class="col-xs-12" ng-class="{my-border: hasBorder}">...</div>

。。。

---

当

hasBorder

的计算结果为true时，这会将class

my border

添加到div中。

我在代码中看到的唯一问题是ng class指令中未终止的大括号，它缺少

符号。添加后，转义单引号应该可以解决您的问题

template: '<div class="col-xs-12" ng-class="{\'my-border\': hasBorder}">...</div>'

模板：“…”

---

以此为例。

我也有类似的问题，但我试图在html中转义单引号。我最后用了一个双反斜杠来解决这个问题：

---

我得到了一个错误：这一个模板无效出于好奇，我进入了我的HTML，在那里我使用了my border类，它看起来是这样的：我从HTML中删除了“my border”周围的“s”，然后运行它，得到了一系列错误，所有这些错误都匹配以下内容：错误：[$parse:syntax]语法错误：标记“-”是意外的，期望[：]的确，通常不必在类名周围加引号，但是当你在类名中使用破折号时，你必须把它放在引号中。我试图转义的不是双引号，而是“我的边界”周围的单引号给了我问题。我尝试在这些模板上使用escape\字符，例如：template:“…”，但没有成功。谢谢你的回复！杰普，我只是想扭转局面才是解决办法…：）对不起，没有，它没有解决我的问题。瑞巴勒的解决方案确实解决了我的问题。谢谢你的贡献！哦，我的天哪，我不知道我怎么错过了，太棒了，谢谢！然而，我仍然得到一个错误：无效的模板你能用你的代码发布一个plunker吗，它可能会帮助我们跟踪这些问题。我想-我只是不知道怎么做。我对web开发非常陌生，我正在尝试使用KendoUI创建一个网格。KendoUI为每列设置了字段，如字段、标题、宽度和模板。模板是将放入列中的HTML。在我的网格中，当json响应中的hasBorder字段设置为true时，我希望在任何单元格周围有一个彩色边框。无论如何，这里有一个基本想法的plunker，我希望这有帮助——它被解决了，非常感谢你的帮助Ryeball，\'对我的边界非常有效，我有一个单独的语法错误：'#：previousValue'我错过了#（kendoUI语法），它应该是这样的：“#：previousValue#”是的，您可以改用templateUrl选项。。e、 g.templateUrl:'templates/my_row.html'

template: "<div class=\"col-xs-12\" ng-class=\"{'my-border': hasBorder\">...</div>"

<div class="col-xs-12" ng-class="{my-border: hasBorder}">...</div>

template: '<div class="col-xs-12" ng-class="{\'my-border\': hasBorder}">...</div>'