Question

我有一个用户转到public static final String Code_1 = MyApplication.getAppContext().getString(R.id.code1); public static final String Code_2 = MyApplication.getAppContext().getString(R.id.code2); public static final String Code_3 = MyApplication.getAppContext().getString(R.id.code3);的情况，在DetailsComponent中，我有一个显示类似对象的表，其中一个按钮重定向到/details;id=1，其中x是对象的id。

当用户点击按钮时，URL params更新，但页面保持静态（显示id = 1的详细信息，但url参数为x）

按钮的/details;id=x处理程序是：

(click)

如何制作Angular＆＃34;刷新＆＃34;组件？

Answer 1

Angular提供三种类型的路由参数：1）必需参数。 2）可选参数。 3）查询参数。

您使用的语法是可选参数。您可能希望改为使用所需的参数。语法如下所示：

this.router.navigate ( [ '/details', id ] );

在组件中，您可以读取如下参数：

this.route.params.subscribe(
   params => {
      let id = params['id'];
      <Add your code here>
   }
);

我通常将此代码放入ngOnInit生命周期钩子方法。

路线配置如下所示：

{ path: 'product/:id', component: ProductDetailComponent }

您可以在此处查看完整示例：https://github.com/DeborahK/Angular-Routing

角度重定向到相同的组件

1 个答案: