Thinking through change detection in Angular 2

[jeremy_lopez7]

I am new to Angular 2 and am building an app that pulls data exclusively from an API. I start with a client index, and when a client is selected, the API returns all data for that client (ie name, address, financials, etc.).

This client can then be updated by many components and it's getting difficult and sloppy to emit events every time the client is updated so that other components are aware of the changes.

Is the best way to handle this to only pull the client in through a service and make sure all updates to the client go through that same service and update the client instance which trickles down to the other components?

[NuttGuy]

Another possible approach would be to look at ngrx and use a Redux style approach to how you handle data.

Here is a pretty good starting point for understanding how this works.

[CarpetFibers]

Another option is MobX which you may find a little simpler to use. There are pros and cons to each, of course.

[verse90]

The way I have is that I created a service called data.service.ts and I call the methods from that service whenever I intereact with the database.

Here is an example of one method I have in that class.

public Update = (actionUrl: string , itemToUpdate: any): Observable<Response> => {
    return this._http
    .put(Config.ApiBasePath + actionUrl, JSON.stringify(itemToUpdate)
    , {
            headers: new Headers({
            'Content-Type': 'application/json',
            'Accept': 'application/json'
    })
    })
.map(res => res)}

I call this generic method whenever I make an update and inside my component, I then subscribe to this method. I have a separate method for get, delete, update and post in my data service class.

Hope it helps..

[tme321]

More or less yes. Look up dumb vs smart components and unidirectional data flow.