在Parse SDK和Angular 4中获取后,视图不更新*

在Parse SDK和Angular 4中获取后,视图不更新*,angular,parse-platform,Angular,Parse Platform,我对Angular 4中的自定义承诺有问题* 我正在使用Parse SDK。 标准登录方法 我在模板中有变量isInvalid,我将其与*ngIf逻辑一起使用以显示错误结果。问题是,在Parse获取他的方法后,这个变量在视图中不会改变 <div *ngIf="isInvalid">Invalid username or password</div> 你能上传你的代码看看我看到的链接,但它不适合我。 import {Component, OnInit} from '@an

我对Angular 4中的自定义承诺有问题* 我正在使用Parse SDK。 标准登录方法

我在模板中有变量isInvalid,我将其与*ngIf逻辑一起使用以显示错误结果。问题是,在Parse获取他的方法后,这个变量在视图中不会改变

<div *ngIf="isInvalid">Invalid username or password</div>

你能上传你的代码看看我看到的链接,但它不适合我。
import {Component, OnInit} from '@angular/core';
import {FormGroup, FormBuilder, Validators} from '@angular/forms';

import {ParseService} from '../../_global/services/parse.service';

@Component({
    selector: 'app-page-login',
    templateUrl: './login.component.pug',
    styleUrls: ['./login.component.scss']
})
export class PageLoginComponent implements OnInit {
    loginForm: FormGroup;
    public isInvalid: boolean;

    constructor(private parseService: ParseService, private formBuilder: FormBuilder) {
    }

    ngOnInit() {
        this.loginForm = this.formBuilder.group({
            login: ['', Validators.required],
            password: ['', Validators.required]
        });
    }

    private handleError(error) {
        const me = this;
        console.log('error', error);
        me.isInvalid = true;
    }

    login(loginForm: any) {
        const loginData = loginForm._value;
        const me = this;

        me.parseService.User.logIn(loginData.login, loginData.password).then(function (data) {
            console.log('User', me);
            me.isInvalid = false;
        }).catch(me.handleError);
    }
}