使用ng2-bootstrap with Angular 2 RC 6-无法绑定到无法绑定到[...]因为它不是[...]的已知属性

npm install --save @ng-bootstrap/ng-bootstrap

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  imports: [NgbModule],
  ...
})
export class AppModule { }

<button (click)="openModal()">Open Modal</button>

<ng-template #content let-modal>
  <div class="modal-header">
    <h4 class="modal-title">Modal Title</h4>
  </div>
  <div class="modal-body">
    Modal Content
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary" (click)="modal.close()">Close</button>
  </div>
</ng-template>

<ngb-modal #modal>
  <ng-template ngbModalContainer></ng-template>
</ngb-modal>

import { NgbModal } from '@ng-bootstrap/ng-bootstrap';

export class MyComponent {
  constructor(private modalService: NgbModal) {}

  openModal() {
    const modalRef = this.modalService.open(this.content);
    // 可以在这里进行模态框的配置和处理
  }
}