我有以下路线图:
App.Router.map(function() {
this.resource("data", {path: "data/:data_id"});
});
我的应用程序模型具有如下树状结构:
[
{
id:0,
text:"John",
children:[
{
id:2,
text:"Max"
},
{
id:4,
text:"Mireille",
children: [
{
id:5,
text:"Michael"
}
]
}
]
},
{
id:1,
text:"Alex",
children: [
{
id:3,
text:"Laetitia"
}
]
}
]
我希望在我的应用程序模板中将我的树(深度为零)的主要“父母”显示为列表(这里是 John 和 Alex)。当单击 John 或 Alex 时,我们将转换到一个名为“data”的新路由,并将“this”作为模型传递。在数据路径中,我想显示树的其余部分:因此,如果我单击 John,我希望数据模板向我显示他所有孩子的嵌套列表。由于树的深度是不确定的,我使用实验性把手 {{control}} 帮助器递归地生成嵌套列表。
当我单击 John 或 Alex 时,它工作正常。但是当我想切换到另一个时(所以通过单击另一个名称更改传递给“数据”路由的模型),然后我收到奇怪的消息错误。首先我得到:
Uncaught TypeError: Cannot call method 'lookupFactory' of undefined
然后,如果我继续尝试单击,我会得到:
Uncaught Error: Something you did caused a view to re-render after it rendered but before it was inserted into the DOM.
可以在此 jsbin中找到显示此问题的示例应用程序。