如何在 Angular 中将数据或值从一个组件传递到另一个组件答案

【问题标题】：How to Pass Data or values From One Component to another in Angular如何在 Angular 中将数据或值从一个组件传递到另一个组件
【发布时间】：2020-07-31 00:23:06
【问题描述】：

晚安社区，请我正在做一个电子商务项目，我想将在我的购物车组件中输入的数量传递给我的结帐组件，当数量的值发生变化时，我也希望它在结帐组件中也发生变化。我已经搜索了解决方案，但找不到任何解决方案。有人请帮助我。谢谢

这是我的 cart.component.ts

  trackByCartItems(index: number, item: any) {
    return item._id;
  }

  get cartItems() {
    return this.data.getCart();
  }


  get cartTotal() {
    let total = 0;
    this.cartItems.forEach((data, index) => {
      total += data['price'] * this.quantities[index];
    });
    return total;
  }

  removeProduct(index, product) {
    this.quantities.splice(index, 1);
    this.data.removeFromCart(product);
  }

还有我的 cart.component.html

<div class="col-1 mt-5 mt-md-0 p-0 induc">
                <input type="number" class="form-control text-left boy"  [(ngModel)]="cart.quantities[i]">
              </div>

提前谢谢你

【问题讨论】：

标签： angular input rxjs ngrx angular9

【解决方案1】：

您有几个选项，详见this 链接。

如果组件之间的关系是父子关系，可以使用@input，也可以使用服务。

我建议在this 链接中阅读有关在组件之间传递数据的更多信息。

【讨论】：

谢谢，但我如何收听更改事件