Мне нужно всплывающее окно при нажатии на angular 2. Всплывающее окно будет содержать различные вкладки и формы, которые я пробовал с angular2-modal, но он только выдает предупреждение, но не уверен, поддерживает ли оно создание пользовательской формы.

Если angular2-модель поддерживает пользовательскую форму, как это сделать? Есть ли другой пакет, который поддерживает мою задачу?

Мой код:

***users.component.html*** 

<input type="checkbox" name="scheduler2" (click)="helpWindow($event)"> 


***users.component.ts***

 helpWindow(event) {
    this.modal.alert()
        .size('lg')
        .isBlocking(true)
        .keyboard(27)
        .showClose(true)
        .title('A simple Alert style modal window')
        .body(`
            <h4>Alert is a classic (title/body/footer) 1 button modal window that 
            does not block.</h4>
            <b>Configuration:</b>
            <ul>
                <input type="text" name="text" />
            </ul>`)
        .open();
  }
0
suresh 24 Апр 2017 в 12:34

2 ответа

Лучший ответ

Это angular2-модальная открытая функция:

  /**
   * Opens a modal window inside an existing component.
   * @param content The content to display, either string, template ref 
 or a component.
  * @param config Additional settings.
  * @returns {Promise<DialogRef>}
   */
   open(content: ContainerContent, config?: OverlayConfig): 
     Promise<DialogRef<any>> {... }

Как видите, вы можете предоставить ссылку на шаблон или пользовательский модальный компонент. Смотрите bootstrap-demo-page для подробностей.

0
Julia Passynkova 24 Апр 2017 в 14:25

Вы можете использовать материал angular2. Это хороший диалог, в котором вы можете ввести любой компонент, и этот компонент появится в этой модели. Он также поставляется с множеством полезных функций, таких как afterClose (подписчик). Вы можете передать данные его дочернему компоненту.

0
Jorawar Singh 24 Апр 2017 в 15:51