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

Question

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

这是我的 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);
  }

和我的购物车.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>
              

先感谢您

Answer 1

您有几个选项，如此链接中所述。

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

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