1

在我的主页上，我有一个组件可以从 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，以便我可以在许多具有不同值的页面上重新使用该组件？

4

0 回答 0