Angular 从父组件更新子组件

我想从父级更新我的

ng分页

组件。我有这个html“

---

你能发布你的分页组件吗？@Jai我已经更新了。但是在提交表单后，从搜索组件它不会进入分页组件。你的分页组件缺少哪些部分？在你的分页组件中，你有一个

currentPage

，它不在你父母的模板中使用。

<div class="search_div">
            <form (ngSubmit)="onSearch(searchval)" [formGroup]="searchval">
                <input type="text" placeholder="enter search string" formControlName="Search" class="form-control">
                <button type="submit" class="btn btn-primary">search</button>
            </form>
        </div>

        <ul class="search-res">
            <li *ngFor="let search of searchres.data">
                <a [routerLink]="search.Url" class="search-res-title" [innerHtml]="search.Title"></a>
                <p class="search-res-text" [innerHtml]="search.Content"></p>
            </li>
        </ul>

        <ng-pagination [totalResult]="searchres.totalResult" [(ngModel)]="searchres.currentPage" [length]="searchres.length" [offset]="searchres.offset" (pageChanged)="onSubmit(searchval)"></ng-pagination>

ngOnInit() {
    this.sharedData = this.sharedResource.sharedComponent;

    this.searchval = new FormGroup({
        Search: new FormControl(this.sharedData.searchStr)
    });

    this.busy = this.httpCall
        .get('/pub/home/search?val=' + this.sharedData.searchStr)
        .subscribe(
        data => {
            this.searchres = <Searchres>data;
        });
}


onSearch({ value }: {
    value: Searchres
}) {
    this.sharedData.searchStr = value.Search;
    this.busy = this.httpCall
        .post('/pub/home/search1',
        {
            val: this.sharedData.searchStr
        })
        .subscribe(
        data => {
            this.searchres = <Searchres>data;
            console.log(this.searchres);
        });
}

export class PaginationComponent implements ControlValueAccessor, OnInit {
    @Input("totalResult") totalResult: number;
    @Input("currentPage") cPage: number;
    @Input("length") length: number;
    @Input("offset") offset: number;
    @Output("pageChanged") pageChanged = new EventEmitter();
    currentpage: number;
    pageList: Array<number> = [];
    private onChange: Function;
    private onTouched: Function;
    private lastPage: number;

    constructor(private pageChangedNgModel: NgModel, public ls: LanguageServiceService) {
        this.pageChangedNgModel.valueAccessor = this;

    }
    ngOnInit() {
        this.doPaging();
    }
    ****
}