как изменить конфигурацию всплывающего окна в машинописи? - PullRequest
Новая
       15

как изменить конфигурацию всплывающего окна в машинописи?

0 голосов
/ 25 апреля 2018

Я использую angular, и у меня есть всплывающее окно, когда я открываю его впервые, оно имеет поле: по умолчанию, но я хочу поле: нет.как я могу это сделать?

и это код: 

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 голосов
/ 25 апреля 2018

Вы можете использовать пакет 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();
  }
...