Question

也许我不明白，但我是个昏迷的人。现在，客户已经完成了一项任务。据称用户界面应该易于配置，即结构来自服务器：

第一个选项

{
            "rows": [
                {"l12" : "slider-component"},
                {"l6" : "process-component"},
                {"l6" : "order-component"},
                {"l12": "footer-component"}
            ]
};

第2个选项（分析师可以更改并获取）

{
            "rows": [
                {"l12" : "slider-component"},
                {"l6" : "search-component"},
                {"l12": "footer-component"}
            ]
};

也就是说，在服务器的任何时候都会出现有关组件名称的信息，这些信息应该显示在UI中。而Angular自己必须弄明白。但是我无法理解，在当前版本的框架中，有很多机会可以动态创建组件，但是我们必须在AppModule中声明所有要编译的组件。

但这是愚蠢的！以我为例，编写了300个组件，分析员在基本指定的组件中应该在UI中推断出来，例如5，而我，要导入所有300个组件？

我认为JS的一切都非常简单，所以服务器向我们发送了一个结构，Angular已经从结构中看到了组件的名称，并且与它的实现，模板和模板异步地加载了必要的* -component.js文件。等等。或者我不明白，我无法理解这个* -component.js会来自哪里，如果它需要事先通过webpack编译（从typescript转换为javascript）。

请帮助，我怎样才能实现分配给我的任务！？

如何在Angular 2+上创建动态组件？

0 个答案: