Мне поручено разработать приложение Angular в структуре мульти / микро-репо, чтобы меньшие компоненты функции Angular были разбиты на отдельные репозитории и могли использоваться приложениями React в оболочке React.
Требование заключается в том, что компоненты компонента необходимо будет повторно использовать в разных подразделениях и наборах данных.По сути, некоторые из наших функций делятся повторно используемыми компонентами.Это означает, что служебная логика выборки данных должна быть входной, а не встроенной службой.То же самое касается логотипов, брендинга, стиля, элементов HTML и т. Д. Кроме того, мы хотим четко разграничить отображение групп разработчиков и функций.
Из-за этого я ожидаю, что смогу использовать входные данные только дляполучение этих данных.
Вопрос 1: Правильно ли я предположил, что лучший способ выбора - угловые входные декораторы?
Вопрос 2: Кто-нибудь еще воспользовался этим подходом и может ли так?Пожалуйста, поделитесь своими мыслями?
Пример использования простого логотипа
Функциональный модуль * .component.ts
import { Component, Input } from '@angular/core';
...
export class HeaderComponent {
@Input() logo: string;
..
}
Модуль потребления * .html
<app-header [logo]="logo"></app-header>