Javascript “的控制台错误”;表达式在被选中后已更改;
我的父组件中有一个div,它使用[ngClass]根据某些条件应用不同的css类,并根据子组件的输出装饰器检查该条件的值,我面临以下控制台错误: 我的父组件html div:-Javascript “的控制台错误”;表达式在被选中后已更改;,javascript,angular7,Javascript,Angular7,我的父组件中有一个div,它使用[ngClass]根据某些条件应用不同的css类,并根据子组件的输出装饰器检查该条件的值,我面临以下控制台错误: 我的父组件html div:- <div [ngClass]="{'alerton1': isAlertClass1 ,'alerton2': isAlertClass2,'alerton3': isAlertClass3,'alerton4': isAlertClass4, 'alerton5': isAlertClass5
<div [ngClass]="{'alerton1': isAlertClass1 ,'alerton2': isAlertClass2,'alerton3': isAlertClass3,'alerton4': isAlertClass4,
'alerton5': isAlertClass5,'alerton6': isAlertClass6 ,'alerton7': isAlertClass7, 'alertoff': isAlertClass}">
<!-- top navbar-->
<app-header class="topnavbar-wrapper"(activityData)="GetActivityDetail($event)"></app-header>
我的子组件条件代码:-
switch (i) {
case 1: {
this.activityData.emit('1');
break;
}
case 2: {
this.activityData.emit('2');
break;
}
default: {
this.activityData.emit('0');
break;
}
}
您可以使用ChangeDetectorRef基类 它提供更改检测功能。更改检测树收集要检查更改的所有视图。使用这些方法可以从树中添加和删除视图,启动更改检测,并显式将视图标记为脏视图,这意味着它们已更改,需要重新提交
import { ChangeDetectorRef } from '@angular/core';
constructor(protected cdr: ChangeDetectorRef) {}
ngOnInit() {
this.cdr.detectChanges();
}
import { ChangeDetectorRef } from '@angular/core';
constructor(protected cdr: ChangeDetectorRef) {}
ngOnInit() {
this.cdr.detectChanges();
}