如何在字符串(HTML)

时间:2016-11-11 03:49:09

标签: javascript html angularjs json

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

现在我被困在愚蠢的事情上,我知道如何通过在前缀“\”来逃避引用。但问题是因为我使用单引号和双引号的多个层次结构,并且我无法在不破坏HTML的情况下添加其他引用。

代码流程:

这是一个将传递给veasy桌子的Json。其中一个关键是JSON将HTMl作为其值,我已经在Angularjs中编译了它,&它的工作。

代码在焦点上有一个带有bootstrap popover的div,它还有一个包含该popover的html的属性,现在html内容有很多li,我需要添加ng-click(对每个li)的函数传递字符串价值

我需要的是传递一个值(字符串)与该函数(changevehicle()),但我无法在其中添加引号,因为我在那里添加引号,HTML被破坏。

我已经尝试过这么做了很多:changevehicle(\'string\'),我尝试使用单引号双引号,有和没有esaping。

我想我的问题不明确。下面的代码是有效的,但是当我将字符串值作为参数(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>"]}

2 个答案:

答案 0 :(得分:0)

在转义引号的位置使用&quot;应该可以解决问题。 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>"]

答案 1 :(得分:-1)

有时你需要新鲜的眼睛来解决问题,今天我在几分钟内解决了它

以下代码为我工作

{[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("+"&#39;_string_&#39;"+") \">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>"]}