класс обслуживания должен реализовываться на функциональном модуле или отдельно

Question

У меня есть компонент (UserInformation), который находится внутри общей папки, использует разные модули.HTML-файл компонента содержит 2 тега привязки с событием щелчка.Например -

<a</code> (click)="userClicked($event)"> {{userInfo.FullName}} <code></a>

Компонент UserInformation используется также другими функциональными модулями.Например, функциональный модуль 1 и функциональный модуль 2 используют пользовательскую информацию.

Моя проблема в том, где я могу припарковать класс обслуживания для реализации события щелчка, событие щелчка ведет себя по-разному в зависимости от модулей.

Должен ли класс обслуживания находиться внутри функционального модуля?если тогда, как я могу это реализовать?

Answer 1

Создайте интерфейс, который должны реализовать ваши компоненты.

export interface IUserInformation {
  userClicked(event: any);
  userInfo: {
    FullName: string;
  }
}

Теперь все ваши компоненты, использующие этот общий компонент, должны реализовать этот класс:

export class FirstComponent implements IUserInformation {
  ...
}

Если ваш компонент не объявляет userClicked и userInfo, ваш линтер выброситошибка.