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

Question

我需要在 javascript 中执行此操作，我不能在 html 中执行此操作(至少在不破坏所有内容的情况下，我希望稍后将其放入 html 中)。

如果它是纯 html，div 将如下所示('my-border'):

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

但是因为它是在javascript中，所以整个html行需要用单引号括起来('我的边界'):

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

我已经尝试了以下(来自 this stackoverflow question ):

“我的边界”

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

\'我的边界\'

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>'

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

我是这个组的新人，所以我先搜索了文件，没有找到任何东西。如果有人可以帮助我或将我链接到现有主题，我将不胜感激!

非常感谢您的宝贵时间!

香农:]

Answer 1

我在您的代码中看到的唯一问题是您的 ng-class 指令中未终止的大括号，它缺少 } 符号。添加之后，转义单引号应该可以解决您的问题。

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

查看此 Plunker举个例子。