我正在使用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>"]}
答案 0 :(得分:0)
在转义引号的位置使用"
应该可以解决问题。 HTML将此识别为转义引号。
"<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$quot;>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>"]
答案 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("+"'_string_'"+") \">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>"]}