Question

这是我要去的地方。无法弄清楚如何使用成功事件发送我的表单。这甚至可能吗？因为我想在MongoDB中保存用户的详细信息，在这种情况下如何获取它们。在过去~10小时内一直坚持下去

app.component.html

    <button class="btn btn-success" (click)="displayModal()">Add</button>
    <ng2-modal-window id="addUserModal"></ng2-modal-window>

app.component.ts

    displayModal(){

    let successEventName = 'successEvent'; 
    let cancelEventName = 'cancelEvent';

    this.modal.resetEventsSubscribers([successEventName, cancelEventName]);

    this.modal.showModal("addUserModal",{
        title: 'Add User',
        htmlContent: `
            <form [formGroup]="myForm">
                <div class="form-group">
                    <label for="firstName">First Name</label>
                    <input type="text" id="firstname" class="form-control" formControlName="firstname" #fname>
                </div>
                <div class="form-group">
                    <label for="lastName">Last Name</label>
                    <input type="text" id="lastname" class="form-control" formControlName="lastname">
                </div>
                <div class="form-group">
                    <label for="firstName">Email</label>
                    <input type="text" id="email" class="form-control" formControlName="email">
                </div>
            </form>
        `,
        buttons: {
            success: { event: successEventName },
            cancel: { event: cancelEventName }    
        }
    });

    this.pubsub.subscribe(successEventName, (data) => {
        console.log('Success triggered!', data); 
    });

    this.pubsub.subscribe(cancelEventName, (data) => {  
        console.log('cancelEventName triggered!', data);  
    });
}

Answer 1

我不熟悉ng2-modal-module，但假设你知道如何获得成功事件，其余的应该是直截了当的。由于您使用了反应式表单API，因此您应该在某处创建myForm实例（未在代码示例中显示）。

变量myForm保存在表单中输入的数据，您可以使用this.myForm.value访问整个对象。如果要访问特定表单控件的值，可以这样做：

this.myForm.value.firstName

然后将此值与您的Http或HttpClient对象一起使用。

ng2-modal-module：传递成功事件的数据

1 个答案: