angular - コンポーネント内の ', providers: [TravelService] ' により、RXJS Behavior サブジェクトがコンポーネント間でデータを共有できないのはなぜですか?

Question

@Component({
  selector: 'app-overview-travel',
  templateUrl: './overview-travel.component.html',
  styleUrls: ['./overview-travel.component.scss'],
  providers: [TravelService]
})

上記のコードにより、共有データ サービス (RXJS の Behavior Subject を使用) からのデータが適切に共有されなくなりました。

@Component({
  selector: 'app-overview-travel',
  templateUrl: './overview-travel.component.html',
  styleUrls: ['./overview-travel.component.scss']
})

ただしproviders: [TravelService]、DataSharing Service を削除すると正常に動作します..理由を知りたいですか?

前もって感謝します！