在meteor.js中使用模板之间的数据

Question

我是meteor.js 的新手，我正在练习构建一个简单的小应用程序。我的问题是如何在模板里面使用从mongodb获取的模板数据。这是结构：

路由器.js

Router.route('/point/:_id', {name: 'pointDetail', data: function() {
    return InterPoints.findOne(this.params._id);
} });

模板pointDetail.html

<template name="pointDetail">
 <some tags>
   {{datathree}}
 </some tags>
   {{> map}}
</template>

模板图.html

<template name="map">
  <div class="map-container">
    {{> googleMap name="exampleMap" options=exampleMapOptions}}
  </div>
</template>

map.js

  Template.map.helpers({
    exampleMapOptions: function() {
      // Make sure the maps API has loaded
      if (GoogleMaps.loaded()) {
        // Map initialization options
        return {
          center: new google.maps.LatLng(coordX, coordY),
          zoom: 8
        };
      }
    }
  });

我想使用从路由器检索到的数据在 map.js 中填充 coorsx 和 coordy。 像 coordx = {{coordsx}} 有可能吗？

非常感谢。

Answer 1

您可以通过Blaze.currentView.parentView.templateInstance() 检索父模板的数据上下文。假设您的Interpoints 文档具有属性coordx 和coordy：

Template.map.helpers({
  exampleMapOptions: function() {
    // Make sure the maps API has loaded
    if (GoogleMaps.loaded()) {
      // Map initialization options
      var parentTemplate = Blaze.currentView.parentView.templateInstance();
      var coordX = parentTemplate.data.coordx;
      var coordY = parentTemplate.data.coordy;
      return {
        center: new google.maps.LatLng(coordX, coordY),
        zoom: 8
      };
    }
  }
});