通过共享单例服务进行Angular2组件通信

Question

I'm wondering how scopes are defined in angular2 . Currently I have an service OrderService with a property CurrentOrder .

I have two components ('order.component', 'clients.component') acting as siblings instantiated by routing.

I provide OrderService in bootstrap and use it in both of my components by

import { OrderService} from './order.service';

and

constructor(private orderService:OrderService){ }

in ClientComponent i set CurrentOrder like orderService.CurrentOrder=someNewOrder .

after that I'm routing to OrderComponent and try to access orderService.CurrentOrder but its empty.

shouldn't orderService act as singleton provided in bootstrap ?

Answer 1

如果您希望共享服务只是一个实例，请不要放入组件的providers数组 - 仅在bootstrap调用中。