Ember.js 如何做一个动态的网站菜单?

Ember.js 如何做一个动态的网站菜单?,ember.js,ember-data,Ember.js,Ember Data,让我从最基本的方面解释一下我想做什么 因此,我的应用程序有一个顶部菜单栏 出于各种原因,这是在外部定义的,该结构可通过我的rest API获得: App.Menu = DS.Model.extend({ parent: DS.belongsTo("App.Menu"), children: DS.hasMany("App.Menu"), link: DS.attr("string"), route: DS.attr("string"), title: DS.attr("str

让我从最基本的方面解释一下我想做什么

因此,我的应用程序有一个顶部菜单栏

出于各种原因,这是在外部定义的,该结构可通过我的rest API获得:

App.Menu = DS.Model.extend({
  parent: DS.belongsTo("App.Menu"),
  children: DS.hasMany("App.Menu"),
  link: DS.attr("string"),
  route: DS.attr("string"),
  title: DS.attr("string")})
我需要在应用程序启动时运行app.Menu.find(),然后获取该集合,并在模板中对其进行迭代,然后将其包含在应用程序模板中

控制器不工作

视图不起作用,我似乎无法真正理解CollectionView

即使将其嵌入到应用程序模板中也不起作用,因为此时没有集合

实际上,为了让它更有趣,每个菜单项都有许多子菜单项
理想情况下,它将为每个子节点调用一个子模板,递归地

加载应用程序时,它将从路由器进入根状态。这就是你想要开始寻找的地方

您可以设置控制器并检索菜单