angular - 在同一级别共享 Angular 子到子数据

Question

我有一个与父母和孩子有角度的应用程序。其中父子和子父数据共享可以使用@input/output()使用其事件和属性绑定的方法来完成。我们如何在孩子之间传递数据。

任何人都可以用小提琴中的一个很好的例子和代码来解释吗？

标签： angular

Answer 1

您可以使用共享服务在两个子组件之间传递数据，同时使用@input 事件发射器将数据从父组件发送到子组件。

 <div style="background-color: red; padding: 10px;">
    <div>{{counter}}</div>
    <button (click)="increment()">increment from parent</button>
    <app-child [(counter)]="counter"></app-child>
    <app-child [counter]="counter" (counterChange)="counter=$event"></app-child>
  </div>

堆栈闪电战演示