在Angular中，组件的状态默认是与组件实例共享的。这意味着当多个组件实例共享同一个组件时，它们会共享相同的状态。如果需要每个组件实例都有自己的状态，可以使用Angular提供的服务或RxJS的Subject来实现。

下面是一个使用服务的示例，以在多个组件实例之间共享状态：

1. 创建一个服务，用于管理要共享的状态。可以使用@Injectable装饰器将其注入到组件中。

import { Injectable } from '@angular/core';
import { Subject } from 'rxjs';

@Injectable()
export class StateService {
  private stateSubject = new Subject(); // 创建一个Subject来保存状态

  // 定义一个公共方法，用于更新状态
  updateState(newState: string) {
    this.stateSubject.next(newState);
  }

  // 定义一个公共方法，用于订阅状态变化
  getState() {
    return this.stateSubject.asObservable();
  }
}

2. 在需要共享状态的组件中注入该服务，并在需要访问或更新状态的地方使用它。

import { Component, OnInit } from '@angular/core';
import { StateService } from './state.service';

@Component({
  selector: 'app-my-component',
  template: `
{{ state }}
`
})
export class MyComponent implements OnInit {
  state: string;

  constructor(private stateService: StateService) {}

  ngOnInit() {
    this.stateService.getState().subscribe(newState => {
      this.state = newState; // 订阅状态变化并更新组件的状态
    });
  }

  updateState(newState: string) {
    this.stateService.updateState(newState); // 更新共享状态
  }
}

3. 在多个组件实例中使用该服务，它们将共享相同的状态。

import { Component } from '@angular/core';
import { StateService } from './state.service';

@Component({
  selector: 'app-root',
  template: `
    
    
  `,
})
export class AppComponent {
  constructor(private stateService: StateService) {
    this.stateService.updateState('Shared state'); // 更新共享状态
  }
}

通过使用服务，每个MyComponent实例将订阅状态的变化并更新自己的状态，而不会影响其他实例的状态。这样每个组件实例都有自己独立的状态。