角度+内容丰富:解析时访问组件输入

时间:2019-05-10 14:36:10

标签: angular contentful angular-resolver

在我的主页上,我有一个组件可以从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,以便可以在很多具有不同值的页面上重复使用此组件?

0 个答案:

没有答案