AngularJS2检查表提交条件重复

Question

我正在研究angularJS2项目，我想检查来自RestAPI的响应，然后我将在bootstrap“alert-dismissible”中显示restAPI的响应。我的守则如下：

模板Html文件（registration.component.html）：

<div *ngIf="result && f.submitted" class="alert alert-danger alert-dismissible" role="alert"> 
        <span class="close" data-dismiss="alert">&times;</span>
        {{ result }} 

</div>

    <h2>Register</h2>

    <form name="form" (ngSubmit)="f.form.valid && register()" #f="ngForm" novalidate>
        // Form Code
    </form>

打字稿文件（registration.component.ts）：

register（）{

    this.loading = true;
    this.userService.create(this.model)
    .subscribe(
            data => {

                this.result=data.message;
                this.loading = false;

            },
            error => {
                this.alertService.error(error);
                this.loading = false;
            });
}

我从服务器得到响应，我的其余API工作正常，我也可以在alert-dismissible中显示响应。但是，当我关闭警报 - 然后重新提交表单时，问题就开始了，我可以看到控制台中的响应，但警报不允许显示。 我知道问题出在<div *ngIf="result && f.submitted" class="alert alert-danger alert-dismissible" role="alert">，请指导我如何检查NGIF中的情况。