Как выполнить функцию в функции?

Question

[Morerion]

Здравствуйте дорогие профи!
В вебе я совсем недавно, работаю с Angularfire2, возникла проблема при выводе статуса человека который зашел, как это все происходит, при заходе, запоминается emeil того кто вошел, скрипт находит этот емеил в базе и смотрит на его статус, по умолчанию user, он берет значение status и выводит его {{ item.status }} все просто.

Но почему-то я не могу выполнить скрипт сразу же как вошел человек, ему обязательно нужно нажать на кнопку что бы выполнить тот же скрипт...

Вот как работает:


Вот как не работает, но надо:


Полный код:

import { Component } from '@angular/core';
import { AngularFire, AuthProviders, AuthMethods, FirebaseListObservable } from 'angularfire2';
import { Subject } from 'rxjs/Subject';

@Component({
  selector: 'app-root',
  template: `
  <div *ngIf='tester == false'>
  <input type="text" class="form-control" #email placeholder="Введите emeil" />
  <input type="text" class="form-control" #password placeholder="Введите пароль " />
  <button (click)="register(email.value,password.value)">Регистрация</button>
  <hr>
  <input type="text" class="form-control" #emais placeholder="Введите emeil" />
  <input type="text" class="form-control" #passwords placeholder="Введите пароль " />
  <button (click)="login(emais.value,passwords.value)">Войти</button>
  <hr>
  <button (click)='logOut()'>Покеда</button>
  </div>
  <div *ngIf='tester == true'>
  <button (click)="filterBys('[e-mail]')">user</button>
  <p>Status:</p>
  <ul>
  <li *ngFor="let item of items | async">
    {{ item.status }}
    <p>...</p>
  </li>
</ul>
  </div>
  `,
})
export class AppComponent {
  items: FirebaseListObservable<any>;
  emailSubject: Subject<any>;
  constructor(public af: AngularFire) {
    this.emailSubject = new Subject();
    this.items = af.database.list('/users', {
  query: {
    orderByChild: 'email',
    equalTo: this.emailSubject
  }
});
    this.af.auth.subscribe(auth => console.log(auth));
  }

  logOut() {
    this.af.auth.logout();
  }

  overrideLogin() {
    this.af.auth.login({
      provider: AuthProviders.Anonymous,
      method: AuthMethods.Anonymous,
    });
  }
  filterBy(email: string) {
    console.log('Поиск...');
    this.emailSubject.next(email);
    console.log('Готово!');
    //
  }
  login(email: string, password: string){
    this.af.auth.login({ email: email, password: password }).then((success) => {
      this.items.push({ email: email, password: password, status: 'user'});
      console.log("Идеальный вход!");
      this.filterBy(email); //<------ Функция с которой проблема
      this.tester = true;
    })
  }
  register(email: string, password: string){
    this.af.auth.createUser({
      email    : email, password : password
    }).then(data=>{
      console.log('data',data);
      if(data.auth.email === email ){
        console.log('Аккаунт успешно зарегистрирован!');
      }
    });
  }
  tester = false;
}

Comments

[Bowen]

Мб вам стоит вызвать функцию в ngOnInit ?

[Morerion]

Bowen: А как это сделать?

[Bowen]

import { Component, OnInit, OnDestroy } from '@angular/core';
export class AppComponent implements OnInit {
ngOnInit() {
this.filterBy(тут вставляете сохраненный email);
}

[Morerion]

Bowen: А поподробнее... (Я ведать туплю)

[Bowen]

Morerion: Я что то перепутал наверное, сейчас еще раз прочитаю вопрос внимательнее.

[Bowen]

Bowen:
Можете дать рабочий пример вашей реализации на https://plnkr.co/ ?