javascript - Angular 2表单提交之后,并且显示错误的信息?
ringa_lee
ringa_lee 2017-04-11 12:29:38
[JavaScript讨论组]

form.html


忘记密码

请在此输入您的注册邮箱,您将通过电子邮件收到一个重置密码的链接。

{{getErrorMessage(myForm.$error)}}

<<返回登录

form.ts

@Component({
    moduleId: module.id,
    selector: 'my-password',
    templateUrl: 'password.html',
    providers:[ForService]
})

export class PasswordComponent {
    constructor(
        private ForService:ForService,
        private route: ActivatedRoute,
        private router: Router,
    ) {}
    public  name1:string='';
    public  name2:string='';
    public sgin='';
    public errMessage:string;
    sendEmail (email:string) {
        if (!email) { return; }
        this.ForService.finder(email)
            .subscribe(
                res => {this.sgin=res['status']; let stu = this.sgin ;if(stu=="00"){ this.router.navigate(['/linkReset',email]);}},
                error =>  this.errMessage = error);
         console.log(this.sgin);

    }
}

请求大神,怎么写法?
提交之后,并显示“该邮箱并未注册”?

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
高洛峰

给你个链接 http://www.jianshu.com/p/22e0...

怪我咯

Angular是以数据来驱动DOM的,所以当 http 请求返回邮箱未注册时,你可以加:

this.sgin=res['status'];
let stu = this.sgin;
// 未注册
if(stu === 'xx') {
    this.errMessage = '该邮箱未注册';
    return;
}
if(stu=="00") { this.router.navigate(['/linkReset',email]);}

模板:

<p class="form-tip">请在此输入您的注册邮箱,您将通过电子邮件收到一个重置密码的链接。</p>
<p *ngIf="errMessage">{{errMessage}}</p>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号