Question

我正在使用ngx-bootstrap for bootstrap 3.3.7，目前正试图让模态服务完全正常工作。模式对话框打开，但出现的唯一内容是静态内容。我传递给服务的动态内容都不起作用，主要是因为bsModalRef似乎没有获取我的组件属性。

这是模态组件：

import { BsModalRef } from 'ngx-bootstrap/modal/modal-options.class';
import { Component } from '@angular/core';
import { CallCenter } from 'app/shared/dsg/models/models';

@Component({
  selector: 'dsg-call-centers-dialog',
  templateUrl: './call-centers-dialog.component.html',
  styleUrls: ['./call-centers-dialog.component.scss']
})
export class CallCentersDialogComponent {
  public data: CallCenter[] = [];

  constructor(public bsModalRef: BsModalRef) { }

}

然后在我的主机组件中，这是用于打开对话框的代码片段：

this.bsModalRef = this._modalService.show(CallCentersDialogComponent);
this.bsModalRef.content.data = this.itemData;  // Property 'data' does not exist on type 'Object'

因此对话框正在打开，但我的对话框组件的data属性不可用。

我错过了什么？

Answer 1

这已在1.8x的ngx-bootstrap中修复，尝试

ngx-bootstrap模式未检测到我的组件属性

1 个答案: