modal-dialog - Modal打开但不显示内容 - ngx-smart-modal

标签 modal-dialog angular5

我使用的是 5.2.9 版的 Angular 5,我使用的是 ngx-smart-modal,当我打开 Modal 时,它不显示内容并且非常接近顶部并缩小,附加的图像已附加。

const reasons = '<h1>Reasons</h1>';
this.ngxSmartModalService.setModalData(this.sanitizer.bypassSecurityTrustHtml(reasons), 'reasonsModal');
this.ngxSmartModalService.getModal('reasonsModal').open();

<ngx-smart-modal #reasonsModal identifier="reasonsModal" (onDismiss)="clearModal()" (onClose)="clearModal()">
  <div *ngIf="reasonsModal.hasData()" [innerHTML]="reasonsModal.getData()">
    <pre>{{reasonsModal.getData}}</pre>
  </div>
  <button (click)="reasonsModal.close()">Closes</button>
</ngx-smart-modal>


Error in image

最佳答案

原因可能是函数上缺少括号:

{{reasonsModal.getData}}

实际上应该是什么时候:
{{reasonsModal.getData()}}

关于modal-dialog - Modal打开但不显示内容 - ngx-smart-modal,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49652523/

相关文章:

meteor - Bootboxjs : how to render a Meteor template as dialog body

forms - 在 Delphi 中对于模态表单使用 Free 而不是 Release 安全吗?

javascript - 如何在 JS 中单击省略号时在模式中显示整个文本?

jquery - 使用 css 或 jQuery 来阻止页面响应事件

angular5 - 没有将 “exportAs” 设置为 “ngForm” 的指令

jquery - 使用 jquery 访问 twitter bootstrap modal-body 内容

javascript - Angular 返回 URL 错误

typescript - Angular Observable 到数组

angular - 如何将 Angular 项目从 5 更新到 7

c# - Angular 5中的excel上传