如何设置ng-bootstrap模态组件内容成员?

时间:2018-02-06 17:29:37

标签: ng-bootstrap

这是文档中示例的open方法,使用组件作为内容:

import {Context} from 'koa';

export async function apiTest({
  params: {someId},
  request,
  response
}: Context) => {
  ...
  response.status = 200;
});

我想要做的是以下面类似的方式使用该组件并能够设置名称。

open() {
  const modalRef = this.modalService.open(NgbdModalContent);
  modalRef.componentInstance.name = 'World';
}

我该怎么做?

我对于Typecript和Angular 5都比较新。

1 个答案:

答案 0 :(得分:1)

这是一个非常新手的问题。

解决方案是

open() {
  const modalRef = this.modalService.open(NgbdModalContent);
  modalRef.componentInstance.name = 'World';
  modalRef.result.then((result) => {
    this.closeResult = `Closed with: ${result}`;
  }, (reason) => {
    this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
  });
}