angular - Angular 双向绑定

Question

刚从角度开始，我有一个问题。

我有一个“总”部分，它有两个单独的组件（见下图）：

我还有一个单独的文件，以导出接口“项目”为例。

这在组件 A 和 B 中都使用。当一个组件发生变化时，我希望它反映在另一个组件上。

我正在网上阅读一些关于双向绑定的文档。但是我想我会问是否有人知道或以前做过这个，并且可以指导我如何实现这一点。

提前谢谢了！

Answer 1

最好有更多关于您正在尝试做的事情的信息......但一般来说，在组件之间共享数据和跟踪更改的一种好方法是使用服务。

我在这里有一篇关于它的博客文章：https ://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

还有一个plunker：https ://plnkr.co/edit/KT4JLmpcwGBM2xdZQeI9?p=preview

该服务看起来像这样：

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

@Injectable() 
export class DataService {
  serviceData: string; 
}