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

时间:2016-10-20 23:42:29

标签: angular typescript

我是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的值将会改变,它将反映在app.component.html。

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

请帮忙。感谢

1 个答案:

答案 0 :(得分:0)

您可以创建一个包含该值的新服务,可能名为ShoppingCart。然后它可以注入你的组件。

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