Шаблон не обновлен (но модель) после аутентификации с помощью Google

Question

У меня есть простая модель, отображающая электронную почту моего пользователя, ang Я использую Google для аутентификации.

Вот код, который я написал для проверки подлинности:

gapi.auth2.getAuthInstance().signIn().then((args) => { 
    this.user = { email: args.wc.hg } 
    console.log(this.user); 
}); 

console.log правильно отображает электронную почту, но шаблон не обновляется, и я до сих пор ничего не вижу в браузере: {{user?.email}}.

Еще один момент, я просто заменил проверку подлинности с помощью простого обещания:

new Promise<string>(resolve => setTimeout(() => resolve('email'), 10000)).then(data => this.user = { email: data }); 

Это работает и мой шаблон отображения email.

Я не вижу разницы между разрешением этих двух обещаний, но, очевидно, есть одно.

У вас есть идея? Заранее спасибо.

Answer 1

Это потому, что код он работает из angular2 framework.What вы можете сделать это, вы можете проверить обнаружение изменений вручную ниже кода,

import { Component, ChangeDetectorRef } from '@angular/core';  

export class MyComponent { 
    constructor(private cdr:ChangeDetectorRef) { //<----- injection 
    } 

    someMethod() { 

    gapi.auth2.getAuthInstance().signIn().then((args) => { 
     this.user = { email: args.wc.hg } 
     console.log(this.user); 

     this.cdr.detectChanges();    //<----Note this... 
    }); 

    } 
}