Typoskript - Parameter ‚u‘ hat implizit einen ‚beliebigen‘ Typen

Question

ich diesen Code auf den neuesten authentication.service.ts Angular 2. umgewandelt

Was sollte der Code aussehen?

app/auth/auth.service.ts(30,40): error TS7006: Parameter 'u' implicitly has an 'any' type. 

// services/auth.service.ts 
import {Injectable} from '@angular/core'; 
import {Router} from '@angular/router'; 

//http://4dev.tech/2016/03/login-screen-and-authentication-with-angular2/ 
//https://github.com/leonardohjines/angular2-login 
export class User { 
    constructor(
    public email: string, 
    public password: string) { } 
} 

var users:any = [ 
    new User('admin@admin.com','adm9'), 
    new User('user1@gmail.com','a23') 
]; 

@Injectable() 
export class AuthenticationService { 

    constructor(
    private _router: Router){} 

    logout() { 
    localStorage.removeItem("user"); 
    this._router.navigate(['Login']); 
    } 

    login(user:any){ 
    var authenticatedUser = users.find(u => u.email === user.email); 
    if (authenticatedUser){ 
     localStorage.setItem("user", authenticatedUser); 
     this._router.navigate(['Home']);  
     return true; 
    } 
    return false; 

    } 

    checkCredentials(){ 
    if (localStorage.getItem("user") === null){ 
     this._router.navigate(['Login']); 
    } 
    } 
} 

Answer 1

Sie könnten versuchen, den User Typ verwenden statt any:

var users:User[] = [ 
    (...) 
]; 

und

var authenticatedUser = users.find((u:User) => u.email === user.email); 

Answer 2

Der Grund des Problems ist ein Parameter, der nicht richtig definiert ist, wie dieser Fall ist die Variable "u", die dem Beispiel folgt:

, wenn Sie nicht das Klassenmodell von Service haben, sollten definiert „u“ als String oder ein anderer Typ sein, was Sie im Moment brauchen:

var authenticatedUser = users.find(u:string => u.email === user.email); 

Answer 3

Ich verwende das gleiche Beispiel Sie verwendet haben.

Anstelle eines beliebigen Parameters den Parametertyp auf User einstellen.

So würde Ihre Login-Methode so etwas wie dieses:

login(user: User): boolean { ...

Dann entfernen Sie alle Verweise auf any Schlüsselwort.

Answer 4

Änderung

tsconfig.json Datei

"noImplicitAny": false,

und fügen

'NG2-heitlich': ‚npm: NG2-heitlich/Bündel/ng2- formly.umd.js',

systemjs.config.js

Answer 5

Erwägen Sie die Verwendung (u: any) => ...