为什么angular不在动态创建的组件中填充视图？
Angular不在动态创建的组件中填充视图的原因是为了保持组件的封装性和可维护性。动态创建组件是指在运行时根据条件或用户交互创建组件实例。
在Angular中，组件的视图是由组件模板定义的，模板中包含了组件的结构和样式。通过将视图与组件模板绑定，可以实现数据的动态展示和交互。
如果允许在动态创建的组件中填充视图，就会破坏组件的封装性。组件的模板应该由组件自身来定义，而不是由外部代码来控制。这样可以确保组件的行为和外观是可预测和可维护的。
另外，将视图与组件模板绑定也有助于提高性能。Angular的变更检测机制会根据组件模板的变化来更新视图，如果在动态创建的组件中填充视图，就需要额外的逻辑来处理视图的更新，这会增加复杂性和性能开销。
对于动态创建组件的需求，Angular提供了一种更好的解决方案，即使用动态组件。动态组件允许在组件模板中预留一个容器，然后在运行时动态加载组件并将其插入到容器中。这样可以实现动态创建组件的需求，同时保持了组件的封装性和可维护性。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。
腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供了高性能的虚拟机实例，适用于各种计算场景。
腾讯云容器服务（TKE）是一种基于Kubernetes的容器管理服务，提供了高可用、弹性伸缩的容器集群，方便部署和管理容器化应用。
更多关于腾讯云云服务器和容器服务的信息，请访问以下链接：
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
相关·内容
我有一个使用第三方地图库的组件。MousePositionComponent在我的MapModule中。this.coordinate = this.formatCoordinate(coordinate); }}
所以我在我的ApplicationModule如果我在动态创建的SommeComponent中使用，它可以工作。如果我有动态创
浏览 6提问于2020-06-08得票数 0
回答已采纳
ngDestroy生命周期方法不会触发动态创建的组件。我正在使用ComponentFactoryResolver.动态创建多个组件
在我的动态创建的组件中，我从API中获取一些数据，并使用setInterval方法每5分钟周期性地获取数据。我正在清除ngDestroy方法中的Interval实例，当重定向到不同
浏览 0提问于2020-02-21得票数 2
回答已采纳
是否有一种更直观的方法来完成我下面的工作？
我正在尝试创建一个通用对话框组件，调用方可以通过传入一个setupParam类进行自定义。虽然下面的代码是我想要的功能，但对于另一个开发人员来说，setupParam类是需要的，这并不是很直观的。
浏览 0提问于2018-04-26得票数 0
回答已采纳
1回答
我试图用(数据长度/ 3) x 3的JSON数据动态创建一个组件网格，所以它看起来像这样。每个网格中组件的大小将是静态的，但它们周围的填充应该是动态的，这取决于父div大小/屏幕大小。仅当填充不在最右边的列中时，填充才会显示在右侧。有什么建议吗？有没有任何人知道
浏览 3提问于2018-10-26得票数 1
我有一个json对象，我想要显示在页面上的突出显示，折叠等。ngx-json-viewer允许渲染json的格式，折叠等。在这个json中，有一些值，我想转换为超链接。我正在尝试将routerLink动态添加到这些值中。谢谢 PS:对于任何感兴趣的人，我通过添加一个click事件并在控制器中处理导航来获得此行为： main.find('.segment-key').each(function() {
const key
浏览 16提问于2019-03-09得票数 0
1回答
我有一个动态数组，当一些项目在里面添加/删除时，我想在组件的视图中呈现这个数组。数组由ngOnInit()方法在我的App (ts)中呈现import { CartServicearray properly, but nothing is shown in the view if I remove "console.l
浏览 5提问于2017-02-05得票数 1
回答已采纳
我正在使用jenkins的"ClearCase UCM Make baseline composite“插件，它似乎会检查不同机器(而不是构建机器上的相关机器)上的动态视图--有人知道为什么吗？另一个问题:常规的"ClearCase UCM baseline“插件不会创建复合基线。但是我读到它应该能够做到这一点，我可以通过这个插件指定根组件吗？
Thx
浏览 2提问于2014-03-02得票数 1
1回答
我是Angular 2/4的新手(一般是Angular)，我正在尝试一种将组件附加到ngFor列表中的项的方法，其中列出的每个项都会在列表中单击时提供自己的组件。我希望每个缩略图时，点击显示一个组件，其各自的信息不在下面的列表，但在它之间。我环顾四周，看到了一些关于使用ComponentFactoryResolver和@Viewchil
浏览 0提问于2017-09-05得票数 0
下面是一个基本组件的示例： selector: 'my-button',declarations: [ ... ].concat(COMPONENT_DECLARATIONS)import { Component } from '@angular我是如何尝试使用我们在c
浏览 1提问于2017-02-03得票数 0
回答已采纳
我正在尝试使用ng2-bs3-modals在Angular 2中创建动态模态。我想根据传递给主组件视图中使用的选择器的参数，动态地填充模态html主体文本。然而，当我使用这段代码时，它似乎将我的整个函数视为文本，因此我的模式显示了我的“函数determineModalContent”的代码，而不是显示文件内容的预期行为。我还知道
浏览 0提问于2016-05-10得票数 4
回答已采纳
我正在使用angular 2 rc4，我们正在使用fuel-ui 来加载一个模式。我们试图实现的目标如下：我研究并尝试过DynamicComponentLoader，尽管我发现它现在已经被弃用了。我需要的是知道将我的登录组件
浏览 0提问于2016-08-08得票数 4
1回答
我在一个网格项中使用'ViewContainerRef‘进行动态组件渲染时遇到了问题。我是否遗漏了一些为生产构建创建动态<em
浏览 1提问于2018-05-18得票数 6
在Angular 8中，有没有一种方法可以获得所有可用于动态加载的组件的数组？我正在从外部源传递组件名称的字符串。在尝试创建组件并将其插入视图之前，我想有条件地确认组件是否存在。目前，我正在将每个组件导入到一个服务中，并静态地将构造函数名称与我的动态值进行比较。虽然这项工作随着动态组件
浏览 9提问于2019-11-16得票数 0
回答已采纳
我曾经用angular1构建应用程序，有可能在所有加载的DOM元素上有指令，就像你有主组件(app)，它是从加载的html构建的，然后在里面你可以从加载的html加载指令或从URL加载它。然而，在angular2中，我似乎不得不使用组件来引导应用程序，这要求我有模板/模板use，我认为这不是必要的，因为我不想单独加载菜单和其他常见的东西，我宁愿在服务器级别上这样做，而不是单独加载它。有人知
浏览 1提问于2016-06-29得票数 4
2回答
我要删除子组件，父只会删除最后一个子组件，然后显示索引来自hostView -1，不能从视图中删除子组件。import { Component } from '@angular/core'; console.log(this.unique_key); }这是我<em
浏览 8提问于2022-12-03得票数 0
2回答
自举角2
、
我一直在看一些关于角2的教程，我对引导组件感到困惑。如果我想要创建多个页面应用程序，并且不需要这个根组件，那么我该如何做呢？我知道它对于单页应用程序是如何工作的。
import { AppComponent } from '.import {Component} from '
浏览 3提问于2016-05-13得票数 4
回答已采纳
我需要一些jQuery代码在我的角度组件视图初始化后运行，以便将数字值转换为星号。
我将代码放在ngAfterViewInit函数中，但它并没有执行我需要的操作。我在函数中设置了一个断点，我看到组件的大部分超文本标记语言甚至在调用ngAfterViewInit函数时都没有加载。未加载的部分使用*ngFor指令生成。在这个指令生成了我需要操作的所有html之后，我如何让我的代码运行？
浏览 2提问于2016-02-25得票数 29
回答已采纳
2回答
我正在开发具有动态视图的angular应用程序。因此，用户可以自定义他们选择的视图(查看什么/不查看什么)。自定义部分可以很容易完成，但数据视图部分是一种困难的角度(否则我无法弄清楚)。我想加载多个动态组件，并加载它们的数据(例如，如果它们的select标记位于该动态组件中，我想加载它的选项数据，并将
浏览 1提问于2019-04-19得票数 0
我们过去必须在模块定义中的providers数组中包含Angular服务。随着角度的发展，我们现在主要在@Injectable装饰器中使用providedIn属性。Angular编译器为我们做了很多很好的事情，比如树摇动，所以我们只需创建服务，使用providedIn就可以了。
我很好奇为什么不能对组件做同样的事情。目前，组件需要添加到模块定义中的</em
浏览 0提问于2020-08-03得票数 1
1回答
我正在尝试从azure表存储中检索数据(取决于连接字符串)。我必须创建一个视图模型，并使用angular将数据绑定到UI。我已经将表中的列名提取到一个字符串array.But中，当我不知道字段时，如何将数据填充到视图模型中？或者如何从字符串数组创建动态视图模型？
浏览 1提问于2015-12-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
