Блог

Я следую приведенному здесь руководству, но изменяю его для хранения экземпляров ‘Staff’, а не ‘Heroes’. Кажется, что этот класс нарушает мой код — я пришел к такому выводу, как будто я закомментировал строку InMemoryWebApiModule.forRoot(InMemoryDataService), из раздела импорта app.module.ts, веб-страница загружается без содержимого, которое требуется от InMemoryDataService — кто-нибудь может сказать мне, в чем проблема с этим классом? До этого я использовал постоянный массив типа Staff, который был экспортирован для хранения данных (как указано в руководстве). Остальной мой код такой же, как в руководстве, с изменениями для обработки объекта «Service» вместо объекта «Hero».

Ниже приведен класс InMemoryDataService

 import { InMemoryDbService } from 'angular-in-memory-web-api';
export class InMemoryDataService implements InMemoryDbService {
  createDb() {
    let staff = [
        { id: 11, firstName:'Jeremy', lastName:'Phan', email:'email', phone:444},
        { id: 12, firstName:'Jacob', lastName:'Phantom', email:'email', phone:444},
        { id: 13, firstName:'Yi', lastName:'Hi', email:'email', phone:444},
        { id: 14, firstName:'Steven', lastName:'Hawkings', email:'itguy@world.com', phone:1300655506},
        { id: 15, firstName:'Calvin', lastName:'Chan', email:'melbournestorm.calvinchan@gmail.com', phone:14355555532},
        { id: 16, firstName:'Cameron', lastName:'Tall', email:'melbournestorm.camerontall@gmail.com', phone:23452345},
        { id: 17, firstName:'Alex', lastName:'Flairdiddy', email:'melbournestorm.alexflair@gmail.com', phone:234523452}
    ];
    return {staff};
  }
}
  

Класс Staff

 export class Staff
{
    id: number;
    firstName: string;
    lastName: string;
    email: string;
    phone: number;
}
  

Приветствия!