小编Kay*_*ech的帖子

我想使用 PrimeNG 小部件在 Angular2 中构建一个带有输入表单的编辑弹出对话框。我遇到了该对话框的动态内容的问题（见截图）。

我天真地试图将 CalendarModule 包装在位于其他元素上方的 div 中。（请参阅下面的 Angular 模板 HTML）

<p-dialog [(visible)]="display" [modal]="true" [resizable]="false">
...
<table class="ui-datatable-responsive">

<tbody>
  <tr>
    ...
  </tr>
  <tr>
    <td class="ui-cell-data">Start By:</td>
    <td class="ui-cell-data">
      <div [style]="generateSafeStyle('position:relative; z-index:1000')">
        <p-calendar dateFormat="dd.mm.yy" [(ngModel)]="value"></p-calendar>
      </div>
    </td>
  </tr>
 </tbody>
 ...
</table>
</p-dialog>

然而，DialogModule 似乎包含了它的所有内容。有没有破解该框架的方法？

你会怎么处理？

谢谢你。

PS： generateSafeStyle 函数只使用注入的 DomSanitizer 并且工作正常。

generateSafeStyle(style:string):SafeStyle{
 return this.sanitizer.bypassSecurityTrustStyle(style);
}