Javascript 访问meteor模板中的父数据上下文
如何在Meteor中访问父模板的数据。在下面的示例中,我想从Javascript 访问meteor模板中的父数据上下文,javascript,meteor,Javascript,Meteor,如何在Meteor中访问父模板的数据。在下面的示例中,我想从访问模板数据,这是我正在做的,但它不起作用: <template name="post"> <div class="well"> <p class="text-left text-muted"><span class="glyphicon glyphicon-time"></span> <i>{{post.date}}</i></p&
访问
模板数据,这是我正在做的,但它不起作用:
<template name="post">
<div class="well">
<p class="text-left text-muted"><span class="glyphicon glyphicon-time"></span> <i>{{post.date}}</i></p>
<div class="post-text">
<p>{{post.text}}</p>
</div>
<div class="photo-gallery">
{{> photoGallery}}
</div>
<hr>
<div class="like-post text-right">
<button>
<span class="glyphicon glyphicon-heart liked"></span>
{{post.likeCount}}
</button>
</div>
</div>
</template>
我想这就是你想要的。这就是我解决问题的方法。我刚刚将post.photos变量传递给子模板。 在
中:
。。。
{{>photoGallery photos=post.photos}
...
在
中:
{{{#每张照片}
{{/每个}}
所需的结果是,子模板可以访问父级帮助程序的结果。您可以通过如下方式设置photoGallery
模板的上下文来完成此操作:
{{> photoGallery post}}
现在,在photoGallery
的内部,上下文是一个post
,因此我们可以对照片进行迭代:
<template name="photoGallery">
{{#each photos}}
<img src="{{src}}">
{{/each}}
</template>
{{{每张照片}
{{/每个}}
您可以使用..访问父数据/
{{{每个../post.photos}
{{/每个}}
如果不起作用,您可以尝试:
<div class="photo-gallery">
{{#with post}}
{{> photoGallery}}
{{/with}}
</div>
{{{有帖子}
{{>照片库}
{{/与}}
您的照片库模板将如下所示:
{{{#每一张这张照片}
{{/每个}}
如果将
#与助手一起使用,photoGallery模板将获得post
上下文,您可以通过此使用post属性。
技巧可以访问父级的数据上下文,但不会访问其助手的结果。
{{#each photos}}
<img src="{{src}}">
{{/each}}
{{> photoGallery post}}
<template name="photoGallery">
{{#each photos}}
<img src="{{src}}">
{{/each}}
</template>
<div class="photo-gallery">
{{#with post}}
{{> photoGallery}}
{{/with}}
</div>