Question

我正在尝试从嵌套模板访问父数据。

根据这个https://github.com/BorisMoore/jsrender/issues/34，我试图做类似的事情，但我得到错误：data.parent未定义。

在我的'主'模板中，我有声明

{{for Rooms  tmpl="#RoomTmpl" layout=true /}}

并在 #RoomTmpl

中

 <script id="RoomTmpl" type="text/x-jsrender">
     {{:parent.data.Room1Label}}
     {{for #data}}
         {{:RoomName}}
     {{/for}}
 </script>

我尝试了各种组合，但总是出现错误

 {{:parent.parent.data.Room1Label}}
 {{:#data.parent.parent.data.Room1Label}}
 {{:#data.parent.data.Room1Label}}
 {{:#data.parent.Room1Label}}

有谁知道怎么做？

- 解决方案 -

正确的synatx是

#parent.parent.data.Room1Label

Answer 1

您希望逐步浏览视图并从父视图中获取数据。视图是渲染模板的结果，因此嵌套的块标记，例如{{for ...}} ... {{/ for}}或{{if ...}} ... {{/ if}}将添加子视图。如果将数组传递给'for'标记{{for myArray}}，它将遍历数据数组并导致一个子视图的数据属性为数组，然后该视图将包含子视图的集合对于每个渲染的项目。

所以你需要知道#view是视图，＃view.parent是父视图，＃view.parent.data是父视图的数据等。＃foo是＃view.foo的缩写，所以#data是数据，＃parent是父视图等。

现在唯一的问题是正确计算父母的数量。您可以通过向数据添加方法来调试正在进行的操作：{... properties ...，test：function（）{debugger;}}。现在在该数据项的模板中的任何位置添加{{：test（）}}，然后进入已编译的temmplate：查看视图，其父项等。

另一招。如果在任何块标记上设置模板变量，则可以从任何嵌套模板访问它。所以在你的例子中，你可以把

{{for Rooms tmpl =“＃RoomTmpl”~label = Room1Label layout = true /}}

然后从嵌套模板中访问它：

{{：〜标签}}

这样您就不再需要担心升级父视图了。

从外部上下文获取属性数据

1 个答案: