使用 Angular2 在页面中导入大量表单组件

Question

我有一个带有相当大菜单的组件，对于每个菜单项我都有不同的形式来显示，至少会有 100 种不同的形式，预计会有几百种。现在的问题是可以导入所有这些表单组件吗？有什么不同的方法吗？

与此相关的另一件事是，我有一个包含所有子组件有用信息的变量，使用依赖注入提供它是个好主意，还是应该通过@插入所有子组件中输入 ?

Answer 1

如果您使用路由器加载表单组件，您可以使用 AsyncRoute 延迟加载。

@Input 如果您想将值传递给直接的子组件或指令，绑定很方便。
如果您需要传递给一个不是直接子组件的组件，则服务仍然有效，而绑定则无效。

我会说，使用你的情况更方便的。

通过路由器或 DynamicComponentLoader 添加的组件通常更方便。

您可以只创建一个查找 table（一个对象，您可以在其中注册所有类型的名称

{ MyComponent1: MyComponent1, MyComponent1: MyComponent2, ...}

然后使用字符串名称查找类型。 Angular正在做预渲染，我想这样一次加载所有组件会更高效。