变量更改检测似乎不适用于ngIf

变量更改检测是指在前端开发中，通过监测变量的变化来触发相应的操作或更新页面的内容。然而，ngIf指令是Angular框架中的一个指令，用于根据条件来决定是否渲染某个元素或组件。由于ngIf指令是基于条件判断而非变量的变化来决定是否渲染，因此变量更改检测似乎不适用于ngIf。

ngIf指令的作用是根据给定的条件来决定是否在DOM中渲染某个元素或组件。当条件为真时，元素或组件会被渲染并显示在页面上；当条件为假时，元素或组件会被从DOM中移除。ngIf指令的优势在于可以根据动态的条件来控制页面的显示与隐藏，从而提升用户体验和页面性能。

ngIf指令的应用场景包括但不限于：

根据用户权限来显示或隐藏某些功能或内容。
根据表单的验证结果来显示或隐藏错误提示信息。
根据数据加载状态来显示或隐藏加载动画或占位符。
根据条件来切换不同的视图或布局。

对于变量更改检测不适用于ngIf的情况，可以考虑使用其他方式来实现类似的功能。例如，可以通过订阅变量的变化，在变量发生改变时手动更新ngIf指令的条件，从而实现动态的显示与隐藏。

腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。具体推荐的产品和产品介绍链接地址可以根据具体需求和场景来选择，以下是一些常用的腾讯云产品：

云服务器（CVM）：提供弹性计算能力，可根据业务需求快速创建、部署和管理云服务器实例。详情请参考：https://cloud.tencent.com/product/cvm
云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务，支持自动备份、容灾和性能优化。详情请参考：https://cloud.tencent.com/product/cdb_mysql
云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和管理各类非结构化数据。详情请参考：https://cloud.tencent.com/product/cos

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和情况进行评估。

变量更改检测似乎不适用于ngIf

、、、、

我已经在类似我的帖子中尝试了一些东西，但似乎仍然不能让它工作。我想在大约15秒后在我的网页上显示一些东西。我先使用setTimout，然后使用if语句来检查某事是否为真，然后相应地更改一个布尔变量。我有一个组件，它有一个我最初设置为false的变量timer。然后我在一个函数中运行setTimeout。15秒后，我会进行检查。然后，如果需要，我会更改timer变量。这不起作用。因此，我还在我的页面中添加了一个router.navigate，以为它会重新计算timer变量

浏览 15提问于2019-07-12得票数 0

回答已采纳

1回答

模板渲染后的角度变化检测

、、、、

我将这个变量用于另一个元素，如*ngIf。现在，最初，在模板加载之前，这个变量为false。在此之后，该组件进行初始化，并且html呈现。现在我有一个循环的项目列表，我在那里调用了一个函数，它将该变量设置为true，但以ngIf为条件的元素不可见。我认为这是因为当组件完全初始化时，变量的值为false，然后当html呈现时，变量的值被更改为true。但angular不会检测到这种变化，因为它已经呈现了该元素，并且也没

浏览 4提问于2018-01-29得票数 0

回答已采纳

1回答

更改CKEditor配置不反映角度

、、

click)="refreshConfig('ltr')"></button>更改配置的代码

浏览 12提问于2022-10-23得票数 0

回答已采纳

1回答

角:如何在模板函数中传递布尔异步变量？

、、

我们可以通过*ngIf获得异步管道作为变量但是当然，它不适用于布尔值，例如 <button *ngIf="loggedIn$ | async as loggedIn" (

浏览 3提问于2019-11-11得票数 0

回答已采纳

3回答

角2手动触发ngIf

、

我阅读了下面的文章： --但是在角度文档中提供的示例似乎没有涵盖如何检查组件类之外的变量(而且我需要检查服务变量)。编辑constructor(private ref: ChangeDetectorRef, private cameraService: CameraService如何手动触发更改检测？编辑2 在Lucas Tétreault的帮助下，我认为对于初始单击事件，我可能会在角2区域之外，因为与应用程序的任何交互(在初始

浏览 3提问于2016-10-13得票数 0

1回答

角**ngIf*指令在绑定到函数时不会触发更改检测。

、

我的HTML中有以下内容 <button mat-raised-button color="primary" *ngIf="IsDirty(segmentGroup我遇到的问题是，*ngIf方法是在呈现按钮时调用的，并且只有在呈现按钮时才调用。它不绑定到属性，因此更改检测不会触发任何操作。因此，如果我在三个级别中的任何一个更新IsDirty，按钮就不会显示。是否有一种方法来强制ngIf的重呈现或执行时，一个属性被<e

浏览 2提问于2022-02-10得票数 0

3回答

角度4：*如果有多个条件

、、、

但它似乎不能正常工作... <div *ngIf="currentStatus !== 'open' || currentStatus !它既不适用于1种情况，也不适用于2种情况。我也尝试过*ngIf="currentStatus !== ('open' || 'reopen') "，但它只适用于1种情况。

浏览 2提问于2017-05-05得票数 52

回答已采纳

3回答

奇数变化检测行为角2+

、

我正在开发一个大型应用程序，并且在检测更改时遇到了一些问题。父组件ts:我有一个可以观察到的变量 loaderOverlay$: Observable<boolean它似乎没有按我所希望的方式工作(分派操作，将值更改为true，这样div就会出现)。这很奇怪，因为如果我在还原器中使用console.log(action.payload)，那么这个值实际上正在被更新，但是*ngif不

浏览 1提问于2019-01-27得票数 10

1回答

如何在角度测试中获得HTML元素并绕过**ngIf*

、、、

我正在尝试获取div元素，但它在规范中元素变量中总是为空，我尝试了检测更改、自动检测更改、假异步、什么都不起作用，我知道ngIf是原因，因为当我使用隐藏的它工作时，但是我需要绕过ngIf，我需要向提供者添加谢谢帮助 <p>Welcme</p> </di

浏览 1提问于2020-12-06得票数 0

1回答

在类方法中无法访问Angular类@ViewChild属性

、、、

that.content: undefined test属性只是快乐地生活着，它可以从所有方法访问，然而，@ChildView属性不能，这与上下文变量

浏览 0提问于2020-01-23得票数 0

1回答

如何检测UIWebview中的DOM突变？

、、、

有没有一种好方法来检测脚本对DOM所做的更改？突变观察者似乎不适用于iOS上的Webkit。

浏览 4提问于2013-06-05得票数 0

1回答

更改检测在动态实例化组件中似乎不起作用。

、、

setTimeout(() => this.waiting = false, 3000);footer.component.html <div *ngIf="waiting">Waiting 3s</div> <div *ngIf="!但是，当使用材料的BottomSheet动态实例化时，更改检测不会发生。变量waiting具有正确的

浏览 0提问于2019-11-13得票数 3

回答已采纳

2回答

动态加载的组件不适用于ChangeDetectionStrategy.OnPush

、

我想实现ChangeDetectionStrategy.OnPush策略，但它似乎不起作用，即使我知道输入对象是全新的。我知道正常的更改检测不适用于动态加载的组件，但是有没有一种方法可以通过编程方式推送更改，以便ChangeDetectionStrategy.OnPush可以检测到更改？

浏览 3提问于2018-03-02得票数 1

1回答

在angular中使用async as with condition

、

<ng-container ((loaded$ | async) || else load > “'Async”似乎不适用于某个条件。下面的代码对我来说很好，但它看起来有点混乱： <ng-container

浏览 29提问于2020-08-05得票数 0

12回答

jQuery -哈希更改事件

、、、

我正在使用：将函数绑定到哈希更改事件。这似乎适用于IE8、火狐和Chrome浏览器，但不适用于Safari，我想也不适用于早期版本的IE。对于这些浏览器，我想禁用使用散列和hashchange事件的JavaScript代码。有没有一种方法可以让jQuery检测浏览器是否支持hashchange事件？也许是和jQuery.support有

浏览 5提问于2010-06-22得票数 87

3回答

Angular -基于服务更新视图的最佳方式(对于性能而言)

、、

例如： <button [routerLink]="/demo" class="secondary">Demo</button>在服务中： return this.demoButtonAvailable;上面的属性仅在用户发生更改(登录、注销、更新.如果我使用ob

浏览 20提问于2020-08-10得票数 0

1回答

使用ngx图表并从可观测到的

、、

我从一个可观察到的地方获取数据，并试图在订阅中运行更改检测，因为这些数据没有显示在图表中，但是更改检测并没有起作用。如果数据直到视图初始化后才被加载，如何将数据显示在图表中？

浏览 1提问于2020-04-26得票数 2

1回答

函数调用“Angular2 **ngIf*=()”会导致函数被调用9次

、

@Component({ template: ` <div *ngIf="returnsTrue()">

浏览 0提问于2016-10-04得票数 10

回答已采纳

2回答

在模板中调用函数会导致Angular2+中的性能问题吗？

、

我仍然习惯于change的更改检测实现，我不清楚模板中调用函数是否会导致性能问题。/mat-tab></mat-tab-group><button *ngIf

浏览 0提问于2019-04-11得票数 6

回答已采纳

1回答

ngIf不检测变量变化

、

当我更新onComplete函数中绑定到*ngIf的变量时，我遇到了一个问题。由于某些原因，角没有检测到回调中变量的更新。我有一个用于以下..。="leftVisible" src="http://placehold.it/350x150" (click)="animate(-1)"/> <img *ngIf="rightVisibleconsole.log(

浏览 1提问于2017-03-13得票数 9

回答已采纳

点击加载更多