Как сделать такой же ng-шаблон, используя директиву + компонент + сервис для работы в 2 ngModules?

Question

Я пытаюсь реализовать компонент, который имеет один экземпляр, который можно использовать на нескольких маршрутах. Это можно сделать в одном модуле, используя шаблон с директивой, которая хранит компонент в службе. Смотрите принятый ответ на этот вопрос .

У меня есть stackblitz , который скопирован с здесь . Это хорошо работает, когда все в одном модуле. Однако, если я помещаю компоненты в их собственный модуль, это больше не работает. См. неработающий пример . Я пытался создать собственный модуль для директивы service + component +, но это не помогло. Как это можно сделать?

Answer 1

Вы можете добавить ReusableModule, который экспортирует директиву многократного использования и компонент многократного использования.По сути это похоже на SharedModule , который вы можете затем импортировать в различные функциональные модули.

Я отредактировал ваш пример на stackblitz , и я надеюсь, что это решит проблему:)

Редактировать:

Если вам нужноразличные экземпляры ReusableService вы также можете указать его, установив providers: [ReusableService] в ReusableModule.Если вам нужен только один экземпляр этого приложения-службы, оставьте поставщика этой услуги в app.module.