Ember js 中的 URL 映射

Question

我有两条单独的路线停车和汽车（不是嵌套路线）。

停车路线具有动态段，例如停车 ID /parking/21 和 车有车名和车号/car/ford/12

Router.js：

Router.map( function() {
   this.route("parking", { path: "/parking/:parkingId"})
   this.route("car", { path: "/car/:carName/:carId" })
});

当从停车路线过渡到汽车路线时，我需要一个类似(/parking/21/ford/12) 的网址

Answer 1

如果您不想嵌套，则需要在 car 路由中包含完整的 URL，如下所示：

Router.map( function() {
   this.route("parking", { path: "/parking/:parkingId"});
   this.route("car", { path: "/parking/:parkingId/car/:carName/:carId" });
});

当转换到car 路由时，您再次需要传递所有三个动态段，例如：

<LinkTo @route="car" @models=(array "myParkingId" "myCarName" "myCarId") />

或者：

this.router.transitionTo('car', "myParkingId", "myCarName", "myCarId");

Answer 2

我认为您的解决方案是嵌套路由：

Router.map( function() {
   this.route("parking", { path: "/parking/:parkingId"}, function() {
       this.route("car", { path: "/car/:carName/:carId" })
   });
});

然后将您现有的逻辑从parking 模板移动到parking.index 路由。所以你有 3 条路线：

• parking
• parking.index 带有 /parking/1 之类的网址
• parking.car 带有 /parking/1/car/ford/7 之类的网址

但是，您将永远不会 在 parking 路线中。您将在parking.index 或parking.car。

从parking.index 和parking.car 路由，您可以通过this.modelFor('parking') 从Route 访问parking 路由的模型。

您可以使用transitionTo('parking', 1) 或transitionTo('parking.car', 1, 'ford', 7) 进行转换。