javascript - 如何转义字符串中的多个层次引号(HTML)

Question

我正在开发使用 java 作为后端和 Angularjs 1.0 作为前端的应用程序。我正在使用 veasy Angularjs 插件来显示数据表。现在我已经管理并调整了 veasy 插件来为我的应用程序定制很多内容。

现在我被困在愚蠢的事情上，我知道如何通过前缀“\”来转义引号。但这里的问题是，因为我使用了单引号和双引号的多个层次结构，而且我无法在不破坏 HTML 的情况下添加另一个引号。

代码流程:

这是一个将传递给 veasy 表的 Json。 JSON 中的关键之一将 HTMl 作为其值，我已经在 Angularjs 中编译了它，并且它正在运行。

代码有一个 div， Bootstrap 弹出窗口在焦点上，它还有一个包含该弹出窗口的 html 的属性，现在 html 内容有很多 li，我需要添加 ng-click(到每个 li)和传递字符串的函数值(value)

我需要的是用该函数 (changevehicle()) 传递一个值(字符串)，但我无法在其中添加引号，只要我在那里添加引号，HTML 就是 splinter 的。

我尝试过很多这样的操作:changevehicle(\'string\')，我尝试过使用单引号和双引号进行转义和不转义。

我想我的问题不清楚。下面的代码有效，但是当我将字符串值作为参数添加到该函数时 (changevehicle())，HTML 被破坏了。

{[vehicle : "<div class='curp use-ellipsis' data-trigger='focus'  tabindex='0'  role='button'  jobplanningpopover popover-html4='<ul class=\"list-unstyled\"><li class=\"emph curp\" ng-click=\" changevehicle() \">xxxxxY 2P<\/li><li class=\"curp\">CHIILL 6P<\/li><li class=\"curp\">NKL 235<\/li><li class=\"curp\">KHD 654<\/li><li class=\"curp\">YET 874<\/li><\/ul>' popover-placement4='bottom' > {{ xxxxxvehicle }} <\/div>"]}

Answer 1

使用 " 代替转义引号应该可以解决问题。 HTML 将其识别为转义引号。

"<div class='curp use-ellipsis' data-trigger='focus'  tabindex='0'  role='button'  jobplanningpopover popover-html4='<ul class=&quot;list-unstyled&quot;"><li class=&quot;emph curp&quot; ng-click=&quot; changevehicle() &quot;>xxxxxY 2P<\/li><li class=&quot;curp$quot;>CHIILL 6P<\/li><li class=&quot;curp&quot;>NKL 235<\/li><li class=&quot;curp&quot;>KHD 654<\/li><li class=&quot;curp&quot;>YET 874<\/li><\/ul>' popover-placement4='bottom' > {{ xxxxxvehicle }} <\/div>"]