如何在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
是键:-)