首页 > 解决方案 > 如何在 Meteor 的子模板调用中传递空格键变量?

问题描述

我正在使用 dburles 包来实现谷歌地图。我在模板中有一个谷歌地图实例,我想动态传递一个 ID,但不起作用。请参见下面的示例:

HTML:

{{> googleMap name="{{post._id}}" options=MapOptions}}

如何将 post._id 传递给地图名称?

编辑:

这是上下文(简化):

HTML:

<template name="Example">
  {{#each post in posts}}
    {{> ExampleDetail post = post }}
  {{/each}}
</template>

<template name="ExampleDetail">
  {{> googleMap name="{{post._id}}" options=MapOptions}}
</template>

JAVASCRIPT:

Template.ExampleDetail.onCreated(function() {
  GoogleMaps.ready(this.data.post._id, function(map) {
    console.log("IT WORKS!");
  });
});

当我在名称中传递一个 ID 字符串(用于测试)时,它可以工作,如下所示:

{{> googleMap name="tGuGrJeugLgNDkzh9" options=MapOptions}}

但是使用空格键时,地图不起作用,没有显示“IT WORKS!” 在控制台...

感谢您的评论,对不起我的英语!

标签: google-mapsmeteor

解决方案


遵循与 相同的模式{{> ExampleDetail post = post }}。在车把模板中,不能嵌套标签,但可以直接使用变量名。所以:

{{> googleMap name=post._id options=MapOptions}}

变量可能来自辅助函数或同一上下文中可用的任何变量。


推荐阅读