angular项目中常见报错及解决方法

最新推荐文章于 2024-07-22 10:09:57 发布

alice--小文子

最新推荐文章于 2024-07-22 10:09:57 发布

阅读量1.3k

点赞数

文章标签： angular.js 前端 javascript

本文链接：https://blog.csdn.net/alice9999999/article/details/129120613

版权

1 通过ngStyle动态设置样式，控制台有报错，但是不影响功能

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: '-2px'. Current value: '35px'.

（1）产生原因：其实这是 Angular 的警告机制，防止由于模型数据（model data）与视图 UI 不一致，导致页面上存在错误或过时的数据展示给用户。具体原因，见：ExpressionChangedAfterItHasBeenCheckedError 的错误须知 - 知乎

（2）解决方法：

import { ChangeDetectorRef, } from '@angular/core';
constructor(private cdr: ChangeDetectorRef) {}
ngAfterViewChecked(){
  this.cdr.detectChanges();
}