Observables: Validieren Sie Dummy-Daten aus einer Scheinklasse ohne http

Question

Ich lerne Observables und versuche, einen Dienst für die Login-Validierung zu implementieren. Dummy-Daten sind wie dies

export class Users { 
    public users: IUser[] = []; 

    constructor() { 
    this.users = [ 
     new IUser({ username: "protagonist", password: "hello123" }), 
     new IUser({ username: "rono67", password: "!@vioped" }), 
     new IUser({ username: "donaldtrump", password: "melenia@34" })   
    ]; 
    } 

und Struktur des IUser ist wie diese.

export class IUser { 
    usename:string; 
    password:string; 
} 

ich das Bestehen der eingegebenen Benutzernamen und Passwort an die Service-Klasse und ich möchte einen beobachtbaren Ruf haben, die durch die Dummy-Daten durchlaufen, und wenn es die passenden Anmeldeinformationen findet, wird es zurück. Ich möchte keinen HTTP-Anruf tätigen. Methode ist so etwas wie this-

validLogin(accountInfo: IUser): Observable<IUser> { 
     return --------- 
      .map((user:IUser) => user.filter((user:IUser) => user.usernanme == accountInfo.username && user.password == accountInfo.password); 
     } 

Ich bin nicht sicher, was Stück Code ------ im Ort der Rückkehr geschrieben werden muss. Alle Ergebnisse, die ich im Web erhalten habe, implementieren "return this.http.post"

Ist es möglich, RxJs auf Scheindaten anzuwenden? Bitte schlagen Sie vor.

Answer 1

Sie können Observable.of oder Observable.from verwenden, um ein Observable Objekt aus allem zu erstellen. Da Sie eine Operation auf IUser Array tun wollen, empfehle ich Ihnen Observable.of

Hier verwenden, wie es

export class Users { 
    public users: IUser[] = []; 
    _users: Observable<IUser[]>; 

    constructor() { 
     let users = [ 
     // your dummy data 
     ]; 

     for (let user of users) { 
      this.users.push(new IUser(user)); 
     } 
     this._users = Observable.of(this.users); 
    } 

    validLogin(accountInfo: IUser): Observable<IUser> { 
    return this._users.map((user:IUser) => 
      user.filter((user:IUser) => user.usernanme == accountInfo.username && user.password == accountInfo.password); 
    } 

} 

Answer 2

Da Ihr Users Klasse ist bereits ein Mock-Implementierung (die alle Benutzer direkt in eine aussehen würde Array) können Sie einfach wrap the array into an Observable und Filter auf Basis von Benutzern & PWD das erste Ergebnis zurück:

validLogin(accountInfo: IUser): Observable<IUser> { 
    return Rx.Observable.from(users) 
    .filter(dbUser => dbUser.username == accountInfo.username && dbUser.password == accountInfo.password) 
    .take(1);//no user found => observable completes without data 
} 

Abhängig von den aktuellen Implemen Sie möchten vielleicht kein leeres Observable zurückgeben, wenn kein Benutzer mit den korrekten Zugangsdaten gefunden wurde, sondern ein Fehler, der Ihnen überlassen bleibt.