Question

在我的应用中，我有2条路线：

/employees/{id}
/employees/new

我尝试通过以下方式将组件附加到ROUTING阵列中的路由：

export const ROUTES: Routes = 
[...,
  {
   path: 'employees/:id',
   component: ViewEmployeeComponent
  },
  {
   path: 'employees/new',
   component: NewEmployeeComponent,
   pathMatch: 'full'
  }
]

view变体有效，但是当我尝试导航到employees/new时，未加载相应的组件，并且未找到404页面。

如何在Angular中使用这两个路由路径？

Answer 1

您只需要交换以下两条路线，如波纹管

$this->db->select('*');
$this->db->from('Products');
$this->db->join('Order_products', 'Order_products.productId=Products.productId');
$this->db->join('Orders', 'Orders.orderId=Order_products.orderId');
$this->db->where("Products.productName LIKE '%$keyword%'");
$query = $this->db->get();
$query->result_array();

请记住这一点

路由在配置中的顺序很重要，这是通过设计。路由器在匹配时使用首个匹配获胜策略路线，因此应将更具体的路线放在不那么具体的上方路线。

您可以从他们的DOC

中找到更多详细信息

Answer 2

您应该提供更多代码（例如，如何导航）

无论如何，在此类路线之间导航的最佳方法是通过儿童路线方法。请点击以下链接： https://angular-2-training-book.rangle.io/routing/child_routes

如何在Angular中使用/：id和/ route？

2 个答案: