如何在打字稿中更改弹出窗口配置?

时间:2018-04-25 11:18:01

标签: angular margin default popupwindow

我正在使用角度,我有一个弹出窗口,当我第一次打开它时,它有边距:默认但我想要保证金:无。我怎么能这样做?

这是代码:

popupWin = window.open('', '_blank', 'top=150,left=0,height=auto,width=auto');
popupWin.document.open();
popupWin.document.write(
  '<html><head></head><body onload="window.print();window.close()"><p>' + headContents + '</p> <div>' + innerContents + '</div> <table><tr>' + '<td>' + this.sign + '</td></tr><tr><td>' + this.sender + '</td></tr></table> </body></html>');
popupWin.document.close();

1 个答案:

答案 0 :(得分:0)

您可以使用ng2-opd-popup npm包进行节目弹出 在您的项目上安装:

npm i ng2-opd-popup

然后导入模块

import {PopupModule} from 'ng2-opd-popup';

@NgModule({
  imports: [
    ...
    PopupModule.forRoot()
  ],

然后在组件中使用 HTML:

  <popup  #popup1>
        Add your custom html elements here
    </popup>
    <button (click)="ClickButton()">show popup</button>

组件:

  @ViewChild('popup1') popup1: Popup;


  constructor() { }

  ClickButton(){
    this.popup1.show();
  }