На моей домашней странице есть компонент, который получает топ-3 последних сообщений от вызова API:
<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>
и int .ts
для этого компонента, который я добавил:
@Input() limit;
и в ngOnit()
для консольного выхода из системы limit
и любое значение, которое я ввел, показывает, что бит работает.
Мои вопросы: Как передать переданное значение в Resolve, чтобы я мог повторно использовать этот компонент на многих страницах с разными значениями?