我创建了一个简单的应用程序,其中包含2个组件和一个服务,以显示如何通过让一个组件更新另一个组件已订阅的服务中的值来将项目添加到购物篮。使用this Plunker示例,您可以看到服务获取了更新的值,但是当您单击篮子的值时,您将看到组件中篮子中的项目数保持为0(使用console.log)。如何让组件与服务匹配相同的值?Angular 2使用服务更新组件
我认为这可能是因为我的主页是这样的,所以它将组件视为单独的应用程序,因此创建了2个服务。我不想在一个根应用程序中拥有所有角度组件。
<body>
<div>
Basket Holder<fc-basket>loading basket...</fc-basket><br/><br/>
</div>
<my-app>
loading...
</my-app>
</body>`
创建另一个实例,而使用模块级实例
我解决你的所有plunker实际的代码。没有查看原始代码很难得到正在发生的事 –