javascript – JADE EXPRESS:在内联JS代码(客户端)中迭代对象?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – JADE EXPRESS:在内联JS代码(客户端)中迭代对象?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1658字,纯文字阅读大概需要3分钟。
内容图文
我想基于它的api实现谷歌地图.我想基于坐标添加路径.因此,我从我的模型中获取坐标,并希望迭代对象以使用此点填充地图.在我的玉模板中,我包含这样的api js代码:
script(type='text/javascript')
function initialize() {
var myLatLng = new google.maps.LatLng(0, -180);
var myOptions = {
zoom: 3,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var flightPlanCoordinates = [
- if (typeof(pins) != null)
- var.pins.forEach(function(pin) {
new google.maps.LatLng(pin.latitude, pin.longitude),
- })
new google.maps.LatLng(0,0)
];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
}
div#map_canvas(style='height: 500px; background-color: #990000;')
问题是:jade渲染这个片段
var flightPlanCoordinates = [
- if (typeof(pins) != null)
- var.pins.forEach(function(pin) {
new google.maps.LatLng(pin.latitude, pin.longitude),
- })
new google.maps.LatLng(0,0)
];
因为它是在玉模板源… … – 如果等不解析!有任何想法吗?
谢谢!
解决方法:
整个脚本标记(在其下缩进的所有内容)将通过raw传递而无需进一步解析. Jade做HTML模板而不是HTML模板加上嵌套的javascript模板.要将你的引脚变量从jade本地模板变量数据传递到脚本源代码,你必须做一些其他的方法,比如使用原始jade来渲染一个小的脚本标记,它只是用引脚数据作为文字来调用你的初始化函数,或者将你的引脚数据粘贴到某处的dom中,然后从那里读取它.脚本标记下面的这些行(伪代码,尚未测试)
- if (typeof(pins) != null)
!= "<script type='text/javascript'>"
!= "var pins = [];"
- forEach pin in pins
!= "pins.push(new Pin(" + pin.latitude + ", " + pin.longitude + "));"
!= "initialize(pins);"
!= "</script>"
内容总结
以上是互联网集市为您收集整理的javascript – JADE EXPRESS:在内联JS代码(客户端)中迭代对象?全部内容,希望文章能够帮你解决javascript – JADE EXPRESS:在内联JS代码(客户端)中迭代对象?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。