Question

<md-dialog-content class="accent-color">
    <div class="flex-container" fxLayout="row" [hidden]="ftUser" fxLayoutAlign="center">
        <form [formGroup]="custAppDetail" (ngSubmit)="submitDialogData()">
            <div class="flex-item mt20" [hidden]="ftUser">
                <div class="relative flex-row mb20" [hidden]="ftUser">
                    <label>ChooseRef</label>

                    <div class="flex-container" fxLayout="row">
                        <div class="form-group flex-item mt20" fxFlex="35%">
                            <label>Architecture</label>
                        </div>
                        <div class="flex-row">
                            <div class="flex-item mt20" style="width:185px">
                                <div class="project-input mb20">
                                    <md-select placeholder="Choose/Create" class="flex-row" formControlName="archFileSource">
                                        <md-option *ngFor="let env of enviroment" [value]="env.value">{{ env.viewValue }}</md-option>
                                    </md-select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box-btn-dialog" [hidden]="ftUser">
                        <button md-raised-button class="form-group auto-btn-prime" [disabled]="!custAppDetail.valid" type="submit">LAUNCH</button>

                        <button md-raised-button class="auto-btn-prime" style="background: grey; color: white" md-dialog-close="cancel" type="button">CANCEL</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</md-dialog-content>

Q1。 md-dialog-action的实用程序是什么，因为将按钮放在md-dialog-content下按钮正在工作

问2.要将我的表单数据从对话框传递到父组件，我可以使用dialogRef或eventemitter这是正确的做法致谢

Answer 1

我认为我发现使用MdDialogRef.close（）的一个解决方案我可以在提交表单时关闭我的对话框而对于取消我可以简单地使用md-dialog-close，对于寻找答案的人可能会有所帮助。 / p>

关闭“启动”对话框，提交表单值并登陆到父组件

1 个答案: