问

javascript - Angular 2表单提交之后，并且显示错误的信息？

忧伤丿稻草展发布于 2022-11-10 06:56

html

get

input

text

form.html

忘记密码

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);

    }
}

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

2 个回答

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>

2022-11-12 10:58 回答

皮H痞

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

2022-11-12 10:58 回答

最好的骨头518_822

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签