角度 2 获取组件之间的动态值

Question

我正在使用表格插件和分页插件。我的目标是从分页组件中检测当前页码并将其添加到表组件中。这怎么可能？已经尝试过：

import { PaginationComponent } from '../+pagination/pagination.component';
@Component({
 ...
  providers: [PaginationComponent]
})
public currPage: number;
public constructor(private pagin: PaginationComponent) {
    this.currPage = this.pagin.page;
}

有效，但没有检测到任何变化。我必须更改哪些内容才能使其检测到更改？

Answer 1

当你使用它时：

<pagination (pageChanged)="pageChanged()"></pagination>

在上面使用的类中：

export class SomethingThatUsesPagination{
    pageChanged($event){
        this.pageService.onChanged$.emit($event);
    }
}

以及创建服务并将其注入两个组件中

@Injectable()
export class PageService{
   public onChanged$ = new EventEmitter();
}

然后在另一个需要了解分页内容的组件中：

export class OtherComponent{
    constructpr(public pageService: PageService){
        pageService.onChanged$.subscribe(($event) => {
            console.log('$event',$event);
        });
    }
}

这是两个组件通过服务进行通信。