关闭另一个模态弹出窗口后,在模态弹出窗口中显示消息 - Angular

时间:2018-02-23 06:18:02

标签: javascript angularjs

嗨,我是角度初学者。我需要在从模态弹出窗口发送电子邮件时显示成功消息,并且我试图在另一个弹出窗口中显示相同的信息。如何显示?我的代码部分是

<div id="modalViewImportCode" class="modal fade btm-border" role="dialog" style="display:none;" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Email</h4>
            </div>
            <div class="modal-body" >


                    <p>Selectemail</p>

                    <div *ngFor="let primary of email; let i=index;">
                        <div *ngIf="primary">
                            <div class="clearfix">
                                <div class="margin-5-15">
                                    <span class="pull-left modal3-checkbox">
                                        <input type="checkbox" id="txt{{i}}" [(ngModel)]="primary.Current">
                                        <label for="txt{{i}}"></label>
                                    </span>
                                    <span class="modal3-checkbox-label clsWordWrap width85per">{{primary.EmailAddress}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            <div class="modal-footer">
                <button type="button" data-dismiss="modal" (click)="sendMail()" class="btn btn-default">Send Email</button>
            </div>
        </div>

    </div>

我通过在上面的代码部分下面的div下面尝试了类似下面的内容

<div id="modalViewImportCodes" *ngIf="mailSent" class="modal fade btm-border" role="dialog" style="display:none;" data-backdrop="static" data-keyboard="false">
 <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Email</h4>
            </div>
            <div class="modal-body">

                <p>Sucess</p>

            </div>
            <div class="modal-footer">

            </div>
        </div>

    </div>
</div>

sendMail()函数触发mail.if成功,然后“mailSent”变为true。

提前谢谢。

0 个答案:

没有答案