为何固定值false触发Angular NG0100错误？替换为undefined才消失

针对你遇到的[class.mat-row-compact]="false"触发NG0100错误、换成undefined就恢复的情况，给你几个具体排查方向：

• 明确Angular类绑定的行为差异：[class.mat-row-compact]="false"会主动移除该类，而undefined/null会让Angular跳过对这个类的操作。问题根源大概率是「移除类」这个动作触发了额外的变更检测，形成循环。
• 检查变更检测策略与组件交互：如果当前组件用了OnPush变更检测策略，要确认mat-row内部或关联的子组件/指令，是否在类被移除时修改了父组件的状态（比如触发事件、修改@Input属性），反过来触发父组件的变更检测，形成循环。
• 排查displayedColumns的稳定性：虽然你绑定的是固定false，但*matRowDef中的displayedColumns如果在变更检测期间被意外修改（比如某个方法每次调用都返回新数组），会导致mat-row重新渲染，连带触发[class.mat-row-compact]表达式重复求值，被Angular判定为循环。
• 调试表达式求值频率：把绑定改成getter形式，在组件里添加：

  get compactClass() {
    console.log('compactClass evaluated');
    return false;
  }
  

  模板里改成[class.mat-row-compact]="compactClass"，然后观察控制台输出。如果一次变更检测周期内多次打印，说明表达式被重复求值，这是NG0100的典型诱因。
• 检查类关联的指令/样式逻辑：如果mat-row-compact类绑定了自定义指令（比如用@HostListener监听类变化，或者@HostBinding依赖该类的存在），要确认这些指令在类被移除时，是否执行了会触发变更检测的操作（比如调用ChangeDetectorRef.markForCheck()、修改组件属性）。
• 验证Angular Material版本：部分旧版Angular Material的mat-row组件在处理类绑定时存在变更检测bug，尝试升级到最新稳定版，看是否能解决问题。
• 尝试替代绑定语法：换成[ngClass]="{'mat-row-compact': false}"或者class.mat-row-compact="{{false}}"的写法，对比是否触发同样错误，以此判断是不是[class.x]单类绑定的特殊问题。

内容的提问来源于stack exchange，提问作者Johannes Schacht