angular - 如何跨多个 Angular 组件搜索静态数据？

Question

我想知道如果可能的话，我如何设置一个可以在 Angular 中跨多个组件工作的搜索。所有将成为目标的组件都是硬编码的。

我已经尝试在 google 和其他各种位置上环顾四周，唯一的结果是使用数据库进行搜索，而我的应用程序并非如此。

Answer 1

您可以在其中使用 BehaviorSubject 进行服务。它将充当全局状态，并且每个注入服务的组件都将操纵可观察或观察变化。

@Injectable({providedIn: 'root'})
public class Service {
items BehaviorSubject<any[]>

  constructor() {
    this.items = new BehaviorSubject([...]);
  }
}

public class Component1 {
  constructor(private _service: Service) {
    this._service.items.subscribe(pr => {})
  }
}

public class Component2 {
  constructor(private _service: Service) {}

  search() {
    this._service.items.next([...])
  }
}