Javascript Ember.js嵌套体系结构

首先，我对Ember.js还是一个新手，但我一直在阅读书籍并遵循教程，现在我有了一个我想制作的应用程序，但我需要指出正确的方向。假设我想制作一个具有一系列下拉框的车辆设计师，以下是一些示例车辆：

• 汽车
  • 品牌：宝马
    • 型号：3系列
      • 颜色：白色、黑色、绿色、黄色
      • 发动机：2.0升、3.0升
      • 内饰：黑色、米色、棕色
    • 型号：5系列
      • 颜色：白色、黑色、绿色、黄色
      • 发动机：2.0升、3.0升、4.4升
      • 内饰：黑色
  • 品牌：奥迪
    • 型号：A3
      • 颜色：黑色、红色、灰色
      • 发动机：2.0升
      • 内饰：蓝色、红色、浅绿色
• 卡车
  • 品牌：福特
    • 型号：F150
      • 颜色：黑色、棕色、棕褐色
      • 发动机：3.5升、3.7升、5.0升、6.2升
      • 床尺寸：5英尺，7英尺
    • 型号：F250
      • 颜色：黑色、绿色、红色
      • 发动机：6.2升、6.7升
      • 床尺寸：5英尺，7英尺
  • 制造：道奇
    • 型号：Ram
      • 颜色：蓝色、粉色、橙色
      • 发动机：6.0升
      • 床尺寸：5英尺，6英尺

就在这个例子中，他们的应用程序可能是87种不同的车辆组合，但一个完整的应用程序可能有数十万辆车辆。理想情况下，用户可以将他们提出的设计加入书签并共享，因此URL的嵌套方式如下：

设计师/卡车/福特/f150/tan/3.5l/7

由于嵌套体系结构方法可能会很混乱，另一种可能是查询字符串（尽管我知道目前它仍然是一种实验性功能），例如：

设计师？类型=卡车和品牌=福特&车型=f150&颜色=棕褐色&发动机=3.5l&床尺寸=7

首先，Ember.js是这个工作的合适工具吗？我将如何处理不同的属性（例如，汽车有内部颜色，但卡车有床位尺寸）？我仍在学习，因此任何帮助都将不胜感激，即使你给我指出了正确的方向。

路线看起来像

App.Router.map(function() {
  this.resource('vehicles', {path: '/:vehicle_type'},function() {
    this.route('vehicle', {path:'/:vehicle_make'});
  });
});

可以根据数据的可用性渲染内部颜色和床尺寸。这是通过车把完成的

{{#if item.interior}}
  <p>Interior: Color {{item.interior}}</p>
{{/if}}
{{#if item.bed_size}}
  <p>Bed Size: {{item.bed_size}}</p>
{{/if}}

{{{#if item.interior}
内饰：颜色{{item.Interior}

{{/if}
{{{if item.bed_size}
床位：{{item.Bed_Size}

{{/if}

为什么你认为嵌套方法会一团糟。这里是一个工作演示。检查这是否是你要找的。在这里，我根据可用性显示/隐藏床尺寸和内部颜色非常感谢您提供的工作示例！！这么简单，这么干净！