javascript - 为什么即使变量没有更改，@HostBinding 也会连续触发？（角度）

Question

我加入了一个新的 Angular 项目，在 app.component.ts 上有一些 @HostBindings，即使没有触发直接事件，它们也会不停地调用。前任。：

settings = {
   layout: { isCollapsed: false }
}

@HostBinding('class.aside-collapsed') get isCollapsed() {
    return this.settings.layout.isCollapsed;
};

布局对象是 SettingsService 的一部分，该属性仅在切换侧面菜单时更改：header.component.ts：

toggleMobileMenu(event: any) {
    event.preventDefault();
    this.settings.layout.isCollapsed = !this.settings.layout.isCollapsed;
}