【发布时间】:2019-11-06 08:12:01
【问题描述】:
我需要重构一些代码,因为我的 HTML 模板变得很长。你知道有什么方法,我可以用一个组件引用 2 个模板吗?
【问题讨论】:
-
你为什么不做另一个组件?
-
我认为最好的方法是将你的大 html 拆分为小组件
标签: angular
我需要重构一些代码,因为我的 HTML 模板变得很长。你知道有什么方法,我可以用一个组件引用 2 个模板吗?
【问题讨论】:
标签: angular
没有。它有点超越了在组件中工作的意义。最好的方法是提取任何可重用或至少部分独立的东西,并从中制作一个组件。
例如,如果您要创建类似向导的组件,请创建步骤组件。
看这里的例子:older stack overflow question
在传统的 angularjs 中,有 ng-include 组件可以满足您的要求,但它不会包含在 angular 2+ 中。 Github discussion about it
【讨论】:
您不能在单个组件上拥有多个模板,并且 Angular 不应该以这种方式工作。您可以通过conditional rendering 来实现这一目标。或者可以使用ng-content指令动态插入html到子组件中,实际上是从父组件之间插入。
【讨论】: