在Angular Typescript中使用数据

Question

I have a request in Angular 5:

http.get(baseUrl + 'api/Student/Students1')                           
    .subscribe(result => {
        this.std = (result as Students[]);
    }, error => console.error(error));

Interface:

interface Students {
    Address: string;
    Email: string;
    Phone: string;
    StdName: string;
}

I place data in std , public std : Students[] . How i can turn to certain object? (like std[1].Email etc.)

Help please!

Answer 1

You can do this , this way if you are getting array of Students in response

http.get(baseUrl + 'api/Student/Students1')
.subscribe(result:Students[] => {
    this.std = result;
}, error => console.error(error));

But if you are getting single Student then

http.get(baseUrl + 'api/Student/Students1')
.subscribe(result:Students => {
    this.std.push(result);
}, error => console.error(error));

Answer 2

1. A class should be singular, not plural

    export class Student { ... } 

2. You should use a class, to instantiate objects, and not an interface.

3. you don't need to affect a type to your variable like this. Declare the type when you declare your variable instead.

    std: Student[]; 

4. To access properties of your object, you can do this.

    this.std.length; // Array properties this.std[0].Phone; // Properties of the first student