Javascript 从外部组件更改angular 2中html模板的值

我将使用angular 2创建一个在线购物网站。 我在导航菜单中得到了一个购物车，我想在用户在购物车中添加产品时更新购物车值。 My可以在组件之间传递值，但无法在html模板中更新此值。我的代码示例如下：-

nav.component

导出类NavComponent实现OnInit{
cartItem=5；
构造函数（专用cartService:CartServiceService）{
this.cartItem=this.cartService.cartItem；
}
}

是否将changeCart（）函数绑定到按钮？我们可以在html中看到它的代码吗？changeCart（）用于购物车服务。在home component template text中，应该是我收到了一个错误类型错误：co.changeCart不是一个函数……有一个问题，它无法访问该函数来更改购物车。我似乎记得必须创建一个父类来共享函数。试试这个