要根据ngIf结果更改组件的样式，可以使用ngClass指令。下面是一个示例代码：

在组件的HTML模板中，使用ngIf指令根据条件来显示或隐藏组件，并使用ngClass指令根据条件添加或移除样式类。

  This is the component content.


Toggle Component

在组件的TypeScript文件中，定义一个布尔类型的变量来控制ngIf和ngClass的条件。

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  showComponent: boolean = false;

  toggleComponent() {
    this.showComponent = !this.showComponent;
  }
}

在组件的CSS文件中，定义样式类。

.red {
  background-color: red;
}

.blue {
  background-color: blue;
}

这个示例代码中，当showComponent为true时，组件会使用red样式类并显示内容；当showComponent为false时，组件会使用blue样式类并隐藏内容。点击按钮会切换showComponent的值，从而改变组件的样式。