Angular 角度2点击弹出窗体

Angular 角度2点击弹出窗体,angular,angular2-template,angular2-forms,Angular,Angular2 Template,Angular2 Forms,我需要一个弹出式屏幕点击角度2。一个弹出式屏幕将包括不同的选项卡和我用angular2模式尝试过的表单,但它只有提示是警报,但不确定它是否支持自定义表单创建 如果angular2模型支持自定义表单,那么还有其他软件包支持我完成任务吗 我的代码: ***users.component.html*** <input type="checkbox" name="scheduler2" (click)="helpWindow($event)"> ***users.component

我需要一个弹出式屏幕点击角度2。一个弹出式屏幕将包括不同的选项卡和我用angular2模式尝试过的表单,但它只有提示是警报,但不确定它是否支持自定义表单创建

如果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();
  }
***users.component.html**
***users.component.ts***
帮助窗口(事件){
this.modal.alert()
.size('lg')
.isBlocking(真)
.键盘(27)
.showClose(正确)
.title('简单警报样式模式窗口')
.身体(`
Alert是一个经典的(标题/正文/页脚)1按钮模式窗口
不阻塞。
配置:
`) .open(); }
这是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>> {... }
/**
*在现有零部件内打开模态窗口。
*@param content要显示的内容,可以是字符串,也可以是模板引用
或组件。
*@param config附加设置。
*@returns{Promise}
*/
打开(内容:ContainerContent,配置?:OverlyConfig):

承诺你可以使用angular2材料。这是一个很好的对话框,您可以在其中注入任何组件,该组件将显示在该模型中。它还具有许多很好的功能,如afterClose(订户)。可以将数据传递给其子组件

我已经开始使用它了,而且效果很好。我有一个小问题,如何减少或增加弹出窗口的宽度。