这是您需要了解的有关Angular中的动态组件的知识( 三 ) _const

从前面的部分中，您了解了如何在中创建动态组件。您知道此过程需要访问放置在模块上的组件工厂。到目前为止，我使用的模块是在运行时之前定义的，可以急切或延迟地加载。但是，好处是您不必事先定义模块然后再加载它们。您可以像在中一样动态地创建模块和组件。
让我们以我最初展示的示例为例，看看如何在中实现相同的效果。因此，这再次是示例：
const= ' on the fly: {{name}}' const= $(); const= $scope.$new(); .name = '' // link data model to a();
创建动态内容并将其附加到视图的一般流程如下：
定义一个组件类及其属性并装饰该类定义模块类，将组件添加到模块声明中并装饰模块类编译模块和所有组件以掌握组件工厂
该模块只是一个带有装饰器的类。组件也是如此。由于装饰器是简单的函数，并且在运行时可用，因此我们可以随时使用它们来装饰类。以下是动态创建和附加组件的方法：
() { const= ' on the fly: {{name}}'; const= ({: })(class {}); const= ({: []})(class {}); () .then(() => { const f = [0]; const= f.(this., [], null, this._m); ..name = ''; this.vc.(.); }) }
您可能希望在装饰器中将匿名类替换为命名类，以获得更好的调试信息。
销毁组件
最后一件事是，如果您手动添加了组件，请不要忘记在销毁父组件时销毁它们：
() { if(this.) { this..(); } }您发现文章中的信息有帮助吗？

文章插图
【这是您需要了解的有关Angular中的动态组件的知识】From: