Angular:检测组件/指令中的内容html何时发生更改
Angular是一种流行的前端开发框架，用于构建单页应用程序。它采用了组件化的开发模式，其中组件是应用程序的基本构建块。Angular通过使用数据绑定和依赖注入等技术，使得开发者可以更轻松地管理和更新应用程序的状态。
在Angular中，当组件或指令中的内容HTML发生更改时，会触发变更检测机制。Angular的变更检测机制会自动检测组件或指令中的数据变化，并更新相应的视图。
Angular的变更检测机制有两种策略：默认策略和OnPush策略。
默认策略是Angular中的默认行为。在默认策略下，Angular会在每个事件循环中检查所有组件或指令的变化，并更新视图。这种策略适用于大多数应用场景，但当应用程序变得复杂时，可能会导致性能问题。
OnPush策略是一种优化策略，可以显著提高性能。在OnPush策略下，Angular只会在组件或指令的输入属性发生变化时才进行变更检测。如果组件或指令的输入属性没有发生变化，Angular将跳过该组件或指令的变更检测，从而提高应用程序的性能。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，适用于存储和管理应用程序的数据。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全可靠的云存储服务，适用于存储和管理应用程序的静态资源。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，适用于开发智能化的应用程序。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
3回答
Angular:检测组件/指令中的内容html何时发生更改
javascript、html、angular、typescript
我有一个从REST端点获取html的指令，并通过innerHTML将其绑定到一个div元素。在这个html被渲染之后，我想调用一个函数来处理这个内容，这个函数在全球范围内都是可用的。因此，我尝试创建一个实现div init的指令，并将其添加到我的AfterView元素中： <div specialContent [innerHtml]="entry.body"> @Directiveg
浏览 38提问于2019-10-15得票数 0
回答已采纳
4回答
在指令中检测输入值何时发生变化
angular、angular-directive、angular2-directives
我试图检测输入的值在指令中何时发生变化。我有以下指令： onInputChange(event){
浏览 4提问于2017-01-18得票数 56
回答已采纳
2回答
Angular5模板绑定，多次调用回调函数
angular、angular5、angular-template
我试图用一个包含columns definition及其data array的结构化数据实现一个网格组件。import { Component, OnInit, Input } from '@angular/core';
selector: 'app-table/table.component.html<
浏览 2提问于2018-02-24得票数 4
2回答
没有模板/模板的Angular 2 bootsrap应用程序组件使用html
angularjs、angularjs-directive、angular
我曾经用angular1构建应用程序，有可能在所有加载的DOM元素上有指令，就像你有主组件(app)，它是从加载的html构建的，然后在里面你可以从加载的html加载指令或从URL加载它。然而，在angular2中，我似乎不得不使用组件来引导应用程序，这要求我有模板/模板use，我认为这不是必要的，因为我不想单独加载菜单和其他常见<em
浏览 1提问于2016-06-29得票数 4
2回答
Angular如何计算表达式？
angular
<div *ngIf="((one===one)&& (two===two)) || (one===two)"></div>似乎在ngIf收到这个值的时候，它已经被angular评估过了。
浏览 3提问于2017-08-30得票数 2
1回答
Angular 2生命周期钩子方法使用
angular
每个Angular 2组件都有自己的生命周期。每种方法都可以用于特定的目标。但是我找不到关于在每个生命周期钩子方法中使用什么逻辑更好以及何时使用它们的详细信息。例如，在构造函数中，是注入所需依赖项的最佳位置。
谁可以详细地阐明这个问题(使用示例和最佳实践)？
浏览 0提问于2017-08-27得票数 0
2回答
使用区域进行Angular2更改检测
data-binding、angular、angular2-changedetection、zonejs
我想知道，是否所有的异步事件和回调都可以通过包装一个区域中的所有组件逻辑(包括组件内的非组件指令的逻辑)来追溯到特定的源组件，那么假设所有的更改都遵循单向流，那么只需要检查该源组件以及任何具有来自源组件的更改输入的子组件的更改这是理解的声音吗？
此更
浏览 2提问于2016-06-28得票数 2
3回答
Angular2 -摘要循环如何在角度2/4中工作
angular、ionic2
$scope是如何在Angular2中实现的，例如: angular2是一个单独的对象，它会继续观察它的子元素，并触发更改angular2如何在没有$scope的情况下做到这一点
浏览 3提问于2017-09-02得票数 2
1回答
检测组件中模型数据的更改
javascript、angular、typescript
我想我可能遗漏了一些非常明显的东西，然而这就是我的情况-我有一些数据被分配给组件的ngModel输入，例如：SomeData = {} selector: 'foo',
template: `<input type="text" [ngModel]="value&quo
浏览 1提问于2017-07-12得票数 1
1回答
存储更新时重新呈现HTML - NGXS
angular、ngxs
我正在使用ngxs..存储状态正在更新，我正在根据需要获取值，但我也希望在存储值更新时再次重新呈现HTML。现在我的代码说 this.store$ = this.store.select(state => state.departments.departments); 一旦部门得到更新，我就需要我的组件来重新呈现HTML。，但HTML没有重新呈现。我也试过了 cdr.detectChanges(); or cdr.markForCheck() 但是如果没有运气或者我的</e
浏览 27提问于2019-04-24得票数 0
2回答
如何在不重新呈现整个页面的情况下更新可观察对象的部分值？
angular、rxjs、rxjs6
我正在尝试尽可能多地使用异步管道，因为我听说这是最佳实践，因为它可以为您管理可观察的订阅。我的应用程序的一个非常简化的版本看起来像这样： order$: Observable<Order/div> Total: {{order.Total}}显然，这被简化了，但重点是页面上几
浏览 0提问于2018-10-11得票数 1
4回答
角2有重绘优化吗？
javascript、angular、angular2-template
从几个月以来，我一直在使用React，而且React并不只是简单地重新呈现一个组件，而是找到了不同之处，并进行了这些更改。角质2做这样的事吗？而且，当检测到状态变化时，角2是否重新呈现根节点中的所有组件，还是只重新呈现那些检测到变化的特定组件及其子树？
浏览 5提问于2016-04-24得票数 5
回答已采纳
我正试图通过调用toastService函数来显示烤面包机通过拦截器的角度。这在组件中工作得很好，甚至当我单击组件内的按钮时，也会显示拦截器的吐司功能，但这在拦截器内部不起作用，实际上，即使在调用拦截器时，也填充了敬酒数组，但它只在组件中生效，而不是在拦截器中生效，如何修复它呢看看我是如何在拦截器中调用它的
this.toastService.show('Some Error occurred while processin
浏览 0提问于2020-09-02得票数 1
回答已采纳
1回答
用OnPush策略不触发角变化检测后代
angular、angular-directive、angular2-changedetection、angular-changedetection
我在表单组件上使用了一个角指令，当它们被提交时，它们的表单组和它们的所有输入都被标记为触摸。，我在表单组件中嵌套了一个具有OnPush更改检测策略的组件。</form>import { Component, Input } from '@angular/c
浏览 14提问于2022-04-30得票数 0
1回答
@HostBinding如何在输入元素上工作
javascript、angular
我刚接触Angular，只是一个关于输入元素上的数据绑定的问题。代码如下：和指令类当我们在输入中输入某物时，输入元素的值不是会被浏览器自动更新为最新的值吗？
浏览 5提问于2019-11-01得票数 0
1回答
有时，数据未通过angular 8中的数组推送填充到视图(ngFor)中
javascript、html、angular、typescript、angular-changedetection
我有一个通过ngFor填充到视图中的简单数据。我正在获取所有对象并将其推入数组，然后从那里将其工作fine.But填充到我的项目中的html.Here中场景就像我需要通过从以前的page.When中选择事件进入此页面，我经常转到并选择事件，然后转到此页面，在某些情况下，我的数据将推送到数组中，但不会填充到view.Is中this.Here的任何解决方案都是下面的代码 home.component.html <d
浏览 19提问于2020-05-02得票数 0
2回答
Angular2使用什么来显示组件部分的变化？
angular
ReactJ有虚拟DOM来呈现更改。Angular2不包含虚拟DOM。Angular2和ReactJS一样是反应性的。对于angular2中的任何更改，整个组件不会被更改，但是组件的部分将被更改。Angular2用什么来显示组件部分的变化呢？编辑：，让我更具体一些。我知道检测变化是方法。但是变
浏览 9提问于2016-10-18得票数 0
1回答
优化的数据绑定机制在Angular2中是如何工作的
javascript、angular、data-binding
我知道AngularJs中的数据绑定概念是一种简单的脏检查机制。在谷歌的I/O视频中，他们说，他们优化了Angular2中的数据绑定/更改检测。它在Angular2中是如何工作的
浏览 0提问于2016-09-20得票数 0
1回答
角中的ngOnInit与构造函数
angular
出发地：构造函数:构造函数在创建类的对象时自动调用。
ngOnInit:调用时一切都准备就绪。构造函数:在调用时并非组件中的所有内容都被初始化。
调用时准备好的“一切”是什么？--在默认更改检测器第一次检查指令的数据绑定属性之后立即调用的
浏览 3提问于2020-06-05得票数 1
回答已采纳
1回答
在Angular 2发行版中重新渲染特定组件
javascript、angular、angular2-directives、angular2-changedetection
我有两个组件: BuilderComponent和InputTextComponent。通过拖放，我在BuilderComponent模板的sortableList元素中放置了一个指令。使用检查器，我可以看到指令出现在sortablelist DOM元素中：<div class="col-md-12"> <
浏览 3提问于2016-09-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
