如何在 Angular / Ionic 应用程序的服务内使用多个模型？

Question

在我的 Angular / Ionic 应用程序中，我尝试在下面创建 2 个模型（对话和消息），并在我的对话服务中使用它们。

当用户登录时，他们应该会看到他们之前与机械师（也是用户，但使用不同的 userType）的对话列表。

当他们点击一个对话时，他们会被带到 Conversation_Detail 屏幕，该屏幕显示属于该对话的所有消息。

在 Conversation_Detail 上，用户和机械师可以发送新消息。这些新消息将添加到现有对话中。

这是我拥有的模型：

conversation.model.ts

export class Conversation {
    constructor(
        public id: string,
        public userId: string,
        public mechanicId: string,
        public messages: Array<string>,
    ) { }
}

message.model.ts

export class Message {
    constructor(
        public id: string,
        public text: string,
        public userId: string,
        timestamp: string
    ) { }
}

正如您在上面看到的，我正在尝试将多条消息连接到一个对话。

这里是我试图创建一个虚拟对话的地方：

Conversations.service.ts

private _conversations: Conversation[] = [
    new Conversation('c1', 'abc1', 'def2', ['Hi', 'What is your issue?'])
  ];

谁能告诉我如何正确链接对话和消息，以便我可以在对话服务中使用它们？

Answer 1

我已经尝试修复它，这是我想出的，目前正在测试它，如果它工作正常会更新：

conversations.service.ts

private _conversations: Conversation[] = [
    new Conversation(
      'c1',
      'abc1',
      'def2',
      [new Message('mess1', 'Test message', 'abc1', '01/01/2020')])
  ];

conversation.model.ts

import { Message } from './message.model';

export class Conversation {
    constructor(
        public id: string,
        public userId: string,
        public mechanicId: string,
        public messages: Message[],
    ) { }
}

message.model.ts

export class Message {
    constructor(
        public id: string,
        public text: string,
        public userId: string,
        timestamp: string
    ) { }
}