Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Angular 9布线中重用组件实例?_Angular_Angular Routing_Angular Router - Fatal编程技术网

如何在Angular 9布线中重用组件实例?

如何在Angular 9布线中重用组件实例?,angular,angular-routing,angular-router,Angular,Angular Routing,Angular Router,我正在尝试创建一个“博客风格”的系统。出于这个原因,我还需要一个分页。我的路由如下所示: const routes: Routes = [ { path: '', component: PageComponent, children: [ { path: '', component: ResultsComponent, },

我正在尝试创建一个“博客风格”的系统。出于这个原因,我还需要一个分页。我的路由如下所示:

const routes: Routes = [
    {
        path: '',
        component: PageComponent,
        children: [
            {
                path: '',
                component: ResultsComponent,
            },
            {
                path: 'page/:page',
                component: ResultsComponent,
            },
        ],
    },
ResultsComponent
本身有点复杂。因此,我正在寻找一种重复使用
ResultsComponent
的技术。目前,为
/
/page/5
创建了
ResultsComponent
的不同组件实例。但这并不是像
/page/1
那样的选择


如何实现所需的行为?

为什么不向服务提供数据,并且当
url
更改时,您不重新生成组件,只根据
url
中可以参考的内容更新数据,即,某些id或编号表示新的result@AbdulrahmanFalyoun但是在任何情况下,
ResultsComponent
都会得到一个新的实例,不是吗?当更改
params
angular时,不会重新创建一个新的组件。您可以在这里找到一个可行的解决方案。
UrlMatcher
是键:-)