angular - 角度 - 设置/编辑路线查询（或参数），无需导航

Question

您好我想使用路由来存储某些信息，例如分页数据或在查询（或参数）中过滤数据。例如我在

app/datagrid 

我想向它添加 page=2 和 pageSize=10

app/datagrid?page=2&pageSize=10

有没有办法在不触发路线更改/更新的情况下将它们编辑/设置为当前路线？

谢谢！

Answer 1

如果您将其添加到当前路线，则路线不会改变。如果仅更改参数，它不会重新加载组件。

你可以在这里看到一个例子：Passing params angular 2 traditional way

这使用.navigate命令，但如果它正在导航到它当前显示的同一组件，它实际上不会“导航”。

或者，您可以构建一个保留该数据的服务，而不是使用路由参数。我在这里有一个例子：https ://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

该服务基本上如下所示：

import { Injectable } from '@angular/core';

@Injectable() 
export class DataService {
  serviceData: string; 
}

但不是serviceData你有你的pageand pageSize。