在我的主页上,我有一个组件可以从API调用中获取最新的3篇最新文章:
<recent-posts></recent-posts>
在.ts
文件中,我看到了这样的帖子:
posts: Object;
const().......
this.posts = this.route.snapshot.data.data;
在解决方案中进行呼叫:
path: '',
component: HomeComponent,
pathMatch: 'full',
resolve: {
data: RecentPostResolver
}
具有以下代码:
resolve(): Observable<any> {
return this.d.getItems('story', {limit: 3});
}
我希望能够在另一个页面上重复使用此组件,然后将获得6个最新帖子。
我像这样将参数绑定到组件上的limit
<recent-posts [limit]="6"></recent-posts>
并为我添加的那个组件添加.ts
:
@Input() limit;
,然后在ngOnit()
中进行控制台操作,注销limit
并输入我输入的任何值,它表明该位有效。
我的问题是,如何将传入的值传递给Resolve,以便可以在很多具有不同值的页面上重复使用此组件?