nguyên cảo - Parameter 'U' ngầm có một 'bất kỳ' loại

Question

tôi chuyển đổi mã này vào mới nhất kiễu góc 2. authentication.service.ts

mã nên trông như thế nào?

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

Bạn có thể cố gắng sử dụng các loại User thay vì any:

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

và

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

Answer 2

Nguyên nhân của vấn đề là một tham số mà không được định nghĩa đúng cách, như trường hợp này là biến "u" theo ví dụ:

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

nếu bạn không có mô hình lớp dịch vụ, cần được xác định "u" như chuỗi hoặc loại khác những gì bạn cần trong thời điểm này:

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

Answer 3

Tôi đang sử dụng ví dụ tương tự bạn đã sử dụng.

Thay vì áp dụng bất kỳ, hãy đặt loại thông số thành User.

Vì vậy, phương pháp đăng nhập của bạn sẽ là một cái gì đó như thế này:

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

Sau đó, loại bỏ bất kỳ tham chiếu đến any từ khóa.

Answer 4

thay đổi

tsconfig.json tập tin

"noImplicitAny": false,

và thêm

'ng2-Trước đây': 'NPM: ng2-Trước đây/bó/ng2- formly.umd.js ',

tới systemjs.config.js

Answer 5

Cân nhắc sử dụng (u: any) => ...