angular - 如何从 app.component 访问声明的变量到其他组件？

Question

我是 Typescript 和 Angular 2 的新手。我试图在网上寻找答案，但似乎它们对我不起作用。

假设我有一个如下所示的 app.component:

export class AppComponent{
    cartPayableAmount = 0;

    ........
}

---

in my app.component.html, the cartPayableAmount is used here

<div> {{cartPayableAmount}} </div>

现在我想访问其他类中的 cartPayableAmount 实体，如下所示:因此，每当我调用 TestHere() 时，cartPayableAmount 的值都会改变，并且会反射(reflect)在 app.component.html 中。

export class BuyTestComponent {
    TestHere() {
        // should update cart PayableAmount here.....
        cartPayableAmount  = "Some value"
    }
}

请帮忙。谢谢

Answer 1

您可以创建一个新服务，可能称为 ShoppingCart，它包含该值。然后它可以被注入(inject)到您的组件中。

但在您的示例中，cartPayableAmount 是一个计算值，因此您希望它是一个计算它的方法或 Observable，而不是类属性。