Maszynopis - parametr „u” domyśle ma żadnej „” typ

Question

I przekształca ten kod do najnowszych kątowa 2. authentication.service.ts

Co powinien wyglądać kod?

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

Można spróbować użyć typu User zamiast any:

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

i

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

Answer 2

Przyczyną problemu jest parametr, który nie został prawidłowo zdefiniowany, jako tym przypadku to zmienna "u" na przykładzie:

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

jeśli nie masz model klasy usługi, powinny być zdefiniowane „u” jako ciąg lub innego typu, co trzeba w tej chwili:

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

Answer 3

używam sam przykład użyłeś.

Zamiast stosować dowolne, należy ustawić typ parametru na User.

Więc metoda logowania byłoby coś takiego:

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

Następnie usunąć wszelkie odniesienia do any słowa kluczowego.

Answer 4

zmiana

plik tsconfig.json

"noImplicitAny": false,

i dodać

'NG2-formly': „npm: NG2-formly/pakiety/ng2- formly.umd.js',

do systemjs.config.js

Answer 5

Należy rozważyć użycie (u: any) => ...