报错解决思路：ERROR Error: Cannot find a differ supporting object ‘{}‘

angular8

项目中有一个遗留bug，出现了循环报错：ERROR Error: Cannot find a differ supporting object '{}'百度了之后多数都说是html中ngFor ngIf会报这个错

发现这个数据并没有被ngFor或ngIf引用，一直在ts代码中找还是没有头绪。决定转变下思路，还是在html文件中寻找，后面发现这个数据"back_data"在某个循环中的[ngStyle]中被引用了，如下

<ng-container *ngFor="let card of XXX">
    <div [ngStyle]="card.back_data">
        {{XXX}}
    </div>
</ng-container>

将ngStyle中内容删除运行一下，果然不报错了，原因就是"back_data"这个数据，报错之后成了字符串，ts中写一个方法处理一下这个数据格式，完美解决~