首页 文章

Ember.js嵌套架构

提问于
浏览 次
0

首先，我还是Ember.js的新手，但我一直在阅读书籍和关注教程，现在我有一个我想做的应用程序，但我需要指向正确的方向 . 假设我想让车辆设计师拥有一系列下拉框，这里有一些示例车辆：

  • 车

  • 制造：宝马

  • 型号：3系列

  • 颜色：白色，黑色，绿色，黄色

  • 发动机：2.0L，3.0L

  • 内饰：黑色，米色，棕色

  • 型号：5系列

  • 颜色：白色，黑色，绿色，黄色

  • 发动机：2.0L，3.0L，4.4L

  • 内饰：黑色

  • 制造：奥迪

  • 型号：A3

  • 颜色：黑色，红色，灰色

  • 发动机：2.0L

  • 内饰：蓝色，红色，浅绿色

  • 卡车

  • 制造：福特

  • 型号：F150

  • 颜色：黑色，棕色，棕褐色

  • 发动机：3.5L，3.7L，5.0L，6.2L

  • 床的尺寸：5英尺，7英尺

  • 型号：F250

  • 颜色：黑色，绿色，红色

  • 发动机：6.2L，6.7L

  • 床的尺寸：5英尺，7英尺

  • 制造：道奇

  • 型号：Ram

  • 颜色：蓝色，粉红色，橙色

  • 发动机：6.0L

  • 床尺寸：5英尺，6英尺

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

设计师＃/ truck / ford / f150 / tan / 3.5l / 7

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

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

首先，Ember.js是合适的工具吗？我如何处理不同的属性（例如汽车有内饰颜色，但卡车有床尺寸）？我还在学习，所以任何帮助都会非常感激，即使你只是指出我正确的方向 .

javascript ember.js

1 回答

  • 0

    Here's a working demo with nested routes.

    路线看起来像

    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}}
    回复于

相关问题