Question

.Create a variable whose type is an array of that class you just previously created. Imagine that the array is initialized with a bunch of data from an API response. Create a statement that will return a single dimensional array of string targeting the string property from your new array variable. Then create a statement that would return a single dimensional array of string targeting the optional property's string property on your new array variable. This should all be done with Typescript syntax and strict typing.

Answer 1

create a project and paste this code app.component.ts file

Here is code:

Students.ts:

export class Student {

id: number;

first_name: string;

last_name: string;

email: string;

gender: string;

}

ts:

import { Component } from '@angular/core';

import { getViewData } from '@angular/core/src/render3/state';

import { Student } from './Student';

@Component({

selector: 'app-root',

templateUrl: './app.component.html',

styleUrls: ['./app.component.scss']

})

export class AppComponent {

list = [];

constructor() {

this.list = this.getData();

console.log(this.list);

}

getData(): Student[] {

let list: Student[] = [{

"id": 1,

"first_name": "Elmer",

"last_name": "Huriche",

"email": "[email protected]",

"gender": "Male"

}, {

"id": 2,

"first_name": "Eziechiele",

"last_name": "Mulvin",

"email": "[email protected]",

"gender": "Male"

}, {

"id": 3,

"first_name": "Joannes",

"last_name": "Woolvett",

"email": "[email protected]",

"gender": "Female"

}, {

"id": 4,

"first_name": "Roxana",

"last_name": "Irwin",

"email": "[email protected]",

"gender": "Female"

}, {

"id": 5,

"first_name": "Ethelind",

"last_name": "Murtagh",

"email": "[email protected]",

"gender": "Female"

}];

return list;

}

}

Output:

▼ Array(5) aRp.component.ts 16 e: id: 1, first name: "Elmer, last name: "Huriche", email:"[email protected], gender: "Male") 1: fid: 2, first name: "Eziechiele", last_name: "Mulvin", email: "[email protected]", gender: "Male" {id: {id: first name : first-name : "Joannes", last name : "kloolvett", email: "[email protected], gender: "Female"} "Roxana", last-name : "Irwin", email: "rírwin3@cargocollective. com", gender: "Female") 2: 3: 4: (id:5, first name: "Ethelind", last_name: "Murtagh", email: "[email protected]", gender: "Female" 3, 4, length: 5