Question

我需要一个弹出屏幕，点击角度2.弹出屏幕将包含不同的标签和形式我尝试使用angular2-modal但它只有提示是警报但不确定它是否支持自定义表单创建。

如果angular2-model支持自定义表单怎么做其他是否有任何其他包支持实现我的任务。

我的代码：

***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();
  }

Answer 1

这是angular2-modal open函数：

  /**
   * 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。

Answer 2

您可以使用angular2材质。它会产生一个很好的对话框，您可以在其中注入任何组件，该组件将显示在该模型中。它还具有很多很好的功能，如afterClose（订阅者）。您可以将数据传递给其子组件。

单击Angular 2弹出窗体

2 个答案: