Angular 18独立组件中订阅API后isLoading状态无法重置的问题求助

大家好，我遇到了一个Angular 18独立组件的问题，想请大家帮忙看看：

我做了一个简单的提交按钮，搭配Mat-Spinner来显示加载状态，但不管API调用成功还是失败，我的isLoading状态都没办法重置为false，导致 spinner一直停留在页面上。我怀疑是在Angular 18的独立组件写法里漏了什么，麻烦各位帮忙排查一下。

以下是我的组件代码（部分内容截断）：

import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component } from '@angular/core';
import {
  FormBuilder,
  FormGroup,
  FormGroupDirective,
  FormsModule,
  ReactiveFormsModule,
  Validators,
} from '@angular/forms';

import { Router } from '@angular/router';
import { MaterialModule } from '../../material-module';
import { ApiService } from 'src/app/services/api.service';
import { HttpErrorResponse } from '@angular/common/http';

@Component({
  providers: [FormGroupDirective],
  selector: 'app-basic',
  standalone: true,
  imports: [
    CommonModule,
    MaterialModule,
    FormsModule,
    ReactiveFormsModule,
  ],
  templateUrl: './basic.compo...

备注：内容来源于stack exchange，提问作者Sam K