嵌套模板,查找父级

Posted

技术标签:

【中文标题】嵌套模板,查找父级【英文标题】:Nested Templates, Finding Parent 【发布时间】:2012-05-26 02:58:28 【问题描述】:

我有一系列嵌套对象。比如说...商店和商品。

我可能有 10 家商店,每家商店都有相同的 10 件商品,同时显示在屏幕上。

<template name='store'>
  #each items
   > item
  /each
</template>


<template name='item'>
  name qty
</template>

我遇到的主要问题是尝试使用辅助函数来确定 qty。这是因为该项目本身没有“数量”,而是取决于它与哪个“商店”相关。所以我需要根据“商店”+“项目”找到数量。

搜索这个的“流星方式”是什么?是在 DOM 中存储一堆数据 -* 属性并通过 Jquery 搜索我的 mongdb _id 项目吗?我不认为 mustache 可以让您弄清楚您来自哪里并访问“父范围的变量”。而且它不像骨干网,我可以将父商店视图中的链接添加到子项目视图中。

我对使用会话变量感到不舒服,因为我担心这可能会导致竞争条件(例如 Session.get('current_store_id'))。

谢谢!

【问题讨论】:

你会在一页上显示多个商店吗? (写比赛条件) 是的,同一页面上同时有多个商店。这是一个记录较多的示例:github.com/meteor/meteor/issues/147 【参考方案1】:

Handlebars 在路径中支持../,这可能会有所帮助:

http://handlebarsjs.com/#paths

【讨论】:

感谢关于 github 问题的提示,我创建了以下函数 (coffeescript) 并解决了事件处理问题: parentContext = (node) -> context = Meteor.ui._LiveRange.findRange Meteor.ui._tag,节点;返回 null 除非 (parent = do context.findParent)?;返回父事件数据;

以上是关于嵌套模板,查找父级的主要内容,如果未能解决你的问题,请参考以下文章

嵌套模板,查找父级

Java MySQL递归子级父级,构建树结构

Java MySQL递归子级父级,构建树结构

DAY67-前端入门-javascript(十三) vue03

当父级可调整大小时,如何防止嵌套 DIV 的内容溢出父级?

07. vue-router嵌套路由