Question

我的任务是在多/微型存储库结构中设计Angular应用程序，以便将较小的Angular功能组件分解为单个存储库，并可以由React包装中的React应用程序使用。

要求是，功能部件将需要在不同业务部门和数据集之间重复使用。本质上，使我们的某些功能共享可重用的组件。这意味着获取数据的服务逻辑需要是一种输入，而不是嵌入式服务。徽标，品牌，样式，HTML项等也是如此。此外，我们希望清楚地区分开发团队到功能的映射。

因此，我希望只能使用输入来获取此数据。

问题1：我是否做出了正确的假设，认为Angular输入修饰符是最好的选择？

问题2：是否有其他人采用过这种方法？如果可以，请分享您的想法吗？

使用简单徽标的示例

功能模块* .component.ts

import { Component, Input } from '@angular/core';
...
export class HeaderComponent {
  @Input() logo: string;
  ..
}

消费模块* .html

<app-header [logo]="logo"></app-header>