Ember.js嵌套架構

Question

首先，我對Ember.js還是很陌生，但是我一直在閱讀書籍和后續教程，現在我有一個想要制作的應用程序，但是我需要指出正確的方向。 假設我想讓汽車設計師使用一系列下拉框，下面是一些示例車輛：

• 汽車
  • 品牌：寶馬
    • 型號：3系列
      • 顏色：白色，黑色，綠色，黃色
      • 引擎：2.0L，3.0L
      • 內部：黑色，米色，棕色
    • 型號：5系列
      • 顏色：白色，黑色，綠色，黃色
      • 引擎：2.0L，3.0L，4.4L
      • 內部：黑色
  • 品牌：奧迪
    • 型號：A3
      • 顏色：黑色，紅色，灰色
      • 引擎：2.0公升
      • 內部：藍色，紅色，淺綠色
• 卡車
  • 品牌：福特
    • 型號：F150
      • 顏色：黑色，棕色，棕褐色
      • 引擎：3.5升，3.7升，5.0升，6.2升
      • 床尺寸：5英尺，7英尺
    • 型號：F250
      • 顏色：黑色，綠色，紅色
      • 引擎：6.2L，6.7L
      • 床尺寸：5英尺，7英尺
  • 品牌：道奇
    • 型號：公羊
      • 顏色：藍色，粉紅色，橙色
      • 引擎：6.0公升
      • 床尺寸：5英尺，6英尺

僅在此示例中，它們將是87種不同的車輛組合，但是完整的應用程序可能具有數十萬輛車輛。 理想情況下，用戶可以添加書簽並共享他們想出的設計，因此URL的嵌套方式如下：

品牌＃/卡車/福特/ F150 /棕褐色/3.5L/7

由於嵌套的體系結構方法可能一團糟，因此另一種可能是查詢字符串（盡管我知道目前這仍是一個實驗性功能），例如：

designer？type = truck＆make = ford＆model = f150＆color = tan＆engine = 3.5l＆bed-size = 7

首先，Ember.js是適合該工作的工具嗎？ 我將如何處理不同的屬性（例如，汽車具有內部顏色，而卡車具有床尺寸）？ 我仍在學習，因此即使您將我的方向正確，也將對您的幫助大加贊賞。

Answer 1

這是帶有嵌套路由的有效演示。

路線看起來像

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}}