각도 2는 구성 요소간에 동적 값을 얻습니다.

Question

table plugin과 pagination plugin을 사용하고 있습니다. 내 목표는 페이지 번호 구성 요소에서 현재 페이지 번호를 감지하고 테이블 구성 요소에 추가하는 것입니다. 어떻게 가능합니까? 이미 시도 :

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); 
     }); 
    } 
} 

이것은 두 구성 요소가 서비스를 통해 통신하는 것입니다.