页面更改事件在 ng2-bootstrap 中不起作用答案

【问题标题】：Page-change event not working in ng2-bootstrap页面更改事件在 ng2-bootstrap 中不起作用
【发布时间】：2016-05-05 16:34:48
【问题描述】：

我正在尝试使用 ng2-bootrap 在我的 angular2 应用程序中实现分页。我关注http://valor-software.github.io/ng2-bootstrap/#pagination

我的app.html

<div>
    <div class="col-lg-12 text-right">
        <pagination [totalItems]="bigTotalItems" (page-changed)="pageChanged($event)" [(ngModel)]="bigCurrentPage" [maxSize]="maxSize"
        class="pagination-sm" [boundaryLinks]="true"></pagination>
    </div>
</div>

我的组件

import { Component, View, Inject} from 'angular2/core';
import { CORE_DIRECTIVES } from 'angular2/common';
import { PAGINATION_COMPONENTS } from 'ng2-bootstrap/ng2-bootstrap';

// webpack html imports
@View({
    templateUrl: '/scripts/src/components/demo/demo.html',
    directives: [PAGINATION_COMPONENTS, CORE_DIRECTIVES]
})
@Component({
    selector: 'tabs-demo',
})
export class DemoComponent {
    private totalItems: number = 64;
    private currentPage: number = 4;

    private maxSize: number = 5;
    private bigTotalItems: number = 175;
    private bigCurrentPage: number = 1;

    private setPage(pageNo: number): void {
        this.currentPage = pageNo;
    };

    private pageChanged(event: any): void {
        console.log('Page changed to: ' + event.page);
        console.log('Number items per page: ' + event.itemsPerPage);
    };
}

但是当我更改分页页面时，它不会触发 pagechanged 事件。请纠正我以使其正常工作。

【问题讨论】：

输出名为pageChanged，而不是page-changed。
哦，对我有用，谢谢
您也可以使用规范语法，即on-page-changed="pageChanged($event)"

标签： pagination angular ng2-bootstrap

【解决方案1】：

输出称为 pageChanged，而不是 page-changed

【讨论】：