Angular: 详细视图 returns 以分页列出
Angular: detail view returns to list with pagination
我有一个 angular 应用程序使用版本 4。
它有一个带有 mat-table 和分页 mat-paginator 的组件。
每行都有路由导航到详细信息。
问题：
当用户切换到第 2 页，然后导航到详细信息，然后 returns，组件显示第 1 页的信息，而不是第 2 页。
如何申请return到第2页??
谢谢！
当用户离开某个组件时，该组件及其模板将被销毁。 Angular 不记得有关组件的任何内容。因此，当用户向后导航时，组件会自行初始化，就好像它以前从未显示过一样。
如果您需要一个组件来记住它的设置（例如它在哪个页面上），您需要在某处进行设置。您可以构建一个保存这些值的服务。然后该组件可以设置用户所在的页面。当组件再次初始化时，它可以从服务中读取它的最后状态。
在此示例中，服务会记住最后输入的过滤条件。但是你可以做类似的事情让它记住它的最后一页。
或者，您可以使用查询参数传递路由的状态信息。然后将该状态信息传递给详细信息组件，并在用户返回时返回给 table 组件。
第一个选项（使用服务）可能是更好的选择。
我有一个 angular 应用程序使用版本 4。
它有一个带有 mat-table 和分页 mat-paginator 的组件。
每行都有路由导航到详细信息。
问题：
当用户切换到第 2 页，然后导航到详细信息，然后 returns，组件显示第 1 页的信息，而不是第 2 页。
如何申请return到第2页??
谢谢！
当用户离开某个组件时，该组件及其模板将被销毁。 Angular 不记得有关组件的任何内容。因此，当用户向后导航时，组件会自行初始化，就好像它以前从未显示过一样。
如果您需要一个组件来记住它的设置（例如它在哪个页面上），您需要在某处进行设置。您可以构建一个保存这些值的服务。然后该组件可以设置用户所在的页面。当组件再次初始化时，它可以从服务中读取它的最后状态。
在此示例中，服务会记住最后输入的过滤条件。但是你可以做类似的事情让它记住它的最后一页。
或者，您可以使用查询参数传递路由的状态信息。然后将该状态信息传递给详细信息组件，并在用户返回时返回给 table 组件。
第一个选项（使用服务）可能是更好的选择。