在 Angular 2 中 component/visual 继承的最佳方法？
Best approach to component/visual inheritance in Angular 2?
总的来说，我是 Angular 的新手，并且认真地从 Angular 2 开始，所以我想知道我是否没有以正确的方式思考这个问题。
A "panel" 是我应用程序中的一页内容。我想使用基本面板组件为从中派生的特定面板实现提供通用 UI 和功能。
我希望基础面板组件具有模板化内容，该内容包装派生组件提供的模板 - 例如，这将提供一个标准化 header，其内容由派生实现提供并允许 child 组件本身提供页面内容。
最终目标是让开发人员尽可能轻松地创建新面板，而不必担心渲染公共部分，从而可以强制执行一致性。
此外，我希望开发人员能够在从派生组件以编程方式设置的基础 variables/properties 与 [=38= 呈现的相应元素之间建立 two-way 绑定] 模板...（除了它们自己的 child 模板中的元素）。
这可行吗？还是我以错误的方式思考这个问题...不确定我是否处于 Angular state-of-mind 中。
由于我一直致力于此，我开始认为我可能需要调整以创建可重用组件（如 PanelHeaderComponent），开发人员将在其面板实现中组合这些组件，而不是从通用的基础继承UI...但是，我确实需要以某种方式集中管理所有面板的容器。
想确保我这样做是正确的。谢谢！
正如您在上一段中所说，我认为一种有效的方法是将您的应用程序组件化。
基本上：为应用程序的不同部分创建可重复使用的组件（即：带有特定样式按钮的面板 Header）
如果您想要使用相同 header 的不同面板，您可以在所有面板中重复使用该面板 Header。
对于按钮和您想使用的任何其他控件，这将是类似的。定义您的组件，然后在任何地方重用它，然后重用您定义的可重用的复合组件。
重要说明：到目前为止，据我所知，组件之间没有视觉继承，因此为了简化您的工作，您可能需要使用 sass 定义样式并利用 @imports 以便 DRY。
总的来说，我是 Angular 的新手，并且认真地从 Angular 2 开始，所以我想知道我是否没有以正确的方式思考这个问题。
A "panel" 是我应用程序中的一页内容。我想使用基本面板组件为从中派生的特定面板实现提供通用 UI 和功能。
我希望基础面板组件具有模板化内容，该内容包装派生组件提供的模板 - 例如，这将提供一个标准化 header，其内容由派生实现提供并允许 child 组件本身提供页面内容。
最终目标是让开发人员尽可能轻松地创建新面板，而不必担心渲染公共部分，从而可以强制执行一致性。
此外，我希望开发人员能够在从派生组件以编程方式设置的基础 variables/properties 与 [=38= 呈现的相应元素之间建立 two-way 绑定] 模板...（除了它们自己的 child 模板中的元素）。
这可行吗？还是我以错误的方式思考这个问题...不确定我是否处于 Angular state-of-mind 中。
由于我一直致力于此，我开始认为我可能需要调整以创建可重用组件（如 PanelHeaderComponent），开发人员将在其面板实现中组合这些组件，而不是从通用的基础继承UI...但是，我确实需要以某种方式集中管理所有面板的容器。
想确保我这样做是正确的。谢谢！
正如您在上一段中所说，我认为一种有效的方法是将您的应用程序组件化。
基本上：为应用程序的不同部分创建可重复使用的组件（即：带有特定样式按钮的面板 Header）
如果您想要使用相同 header 的不同面板，您可以在所有面板中重复使用该面板 Header。
对于按钮和您想使用的任何其他控件，这将是类似的。定义您的组件，然后在任何地方重用它，然后重用您定义的可重用的复合组件。
重要说明：到目前为止，据我所知，组件之间没有视觉继承，因此为了简化您的工作，您可能需要使用 sass 定义样式并利用 @imports 以便 DRY。