看起来像是ionic 内部变量的状态引起的一些bug，作为临时解决方案，你可以使用下面的方法！

如果需要，一定要在ion GitHub页面上发布错误！ 我正在手动触发更改检测，并切换[value]绑定的属性，以便组件可以检测到更改！

TS

import { AsyncPipe, CommonModule, NgIf } from '@angular/common';
import { ChangeDetectorRef, Component, ViewChild } from '@angular/core';
import { IonContent,
  IonHeader,
  IonLabel,
  IonSegment,
  IonSegmentButton,
  IonTitle,
  IonToolbar,
  SegmentValue, } from '@ionic/angular/standalone';
import { BehaviorSubject, Observable, distinctUntilChanged, tap, delay, map,finalize } from 'rxjs';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.HTML',
  styleUrls: ['home.page.scss'],
  standalone: true,
  imporTS: [AsyncPipe, IonContent, IonHeader, IonLabel, IonSegment, IonSegmentButton, IonTitle, IonToolbar, CommonModule],
})
export class HomePage {
  segmentA$ = new BehaviorSubject<string>('A-1');
  observable$ = new Observable<any>();
  segmentB = '';

  constructor(private cdr: ChangeDetectorRef) {
    this.fetchData();
  }

  updateSegmentA(value: SegmentValue) {
    this.segmentA$.next(value as string);
  }

  updateSegmentB(value: SegmentValue) {
    this.segmentB = value as string;
  }

  private fetchData() {
    let option: string;
    this.observable$ = this.segmentA$.pipe(
      distinctUntilChanged(),
      tap((o) => (option = o)),
      delay(1000),
      map(() => option),
      tap(() => {
        this.bugWorkAround();
      })
    );
  }

  bugWorkAround() {
    this.segmentB = '';
    this.cdr.markForCheck();
    setTimeout(() => {
      this.segmentB = 'B-1';
      this.cdr.markForCheck();
    })
  }
}

HTML

<ion-header>
  <ion-toolbar>
    <ion-title>Ionic Segment Bug Test</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-segment
    [value]="segmentA$ | async"
    (ionChange)="updateSegmentA($event.detail.value!)"
  >
    <ion-segment-button value="A-1">
      <ion-label>segment A-1</ion-label>
    </ion-segment-button>
    <ion-segment-button value="A-2">
      <ion-label>segment A-2</ion-label>
    </ion-segment-button>
  </ion-segment>
  <p class="ion-text-center">segment A value = "{{ segmentA$.value }}"</p>
  <hr />
  <div *ngIf="(observable$ | async) as dataSource; else noData">
    <ion-segment
      [value]="segmentB"
      (ionChange)="updateSegmentB($event.detail.value!)"
    >
      <ion-segment-button value="B-1">
        <ion-label>segment B-1</ion-label>
      </ion-segment-button>
      <ion-segment-button value="B-2">
        <ion-label>segment B-2</ion-label>
      </ion-segment-button>
    </ion-segment>
    <p class="ion-text-center">segment B value = "{{ segmentB }}"</p>
    <hr />
    <ion-segment value="default">
      <ion-segment-button value="default">
        <ion-label>Default</ion-label>
      </ion-segment-button>
      <ion-segment-button value="segment">
        <ion-label>Segment</ion-label>
      </ion-segment-button>
    </ion-segment>
  </div>

  <ng-template #noData
    ><p class="ion-text-center">No data to display</p></ng-template
  >
</ion-content>

stackblitz