角2弹出窗体上单击

我需要一个弹出屏幕上点击的角度2.弹出式屏幕将包括不同的标签，并形成我试着用angular2模态，但它只有及时警觉，但不知道是否支持自定义表单创建。角2弹出窗体上单击

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

来源

2017-04-24 suresh

这是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。

来源

2017-04-24 14:25:37

我已经开始使用它，它工作正常。我有一个小的查询如何减少或增加弹出窗口的宽度。 – suresh

可以使用angular2材料。它提供了一个很好的对话框，您可以在其中注入任何组件，并且该组件将显示在该模型中。它还附带了很多不错的功能，如afterClose（订阅者）。您可以将数据传递给其子组件。

来源

2017-04-24 15:51:51

角2弹出窗体上单击

回答

相关问题