Bind a service property to a component property with proper change tracking

Question

Consider the utterly simple Angular 2 service:

import { Injectable } from \'@angular/core\';
import {Category} from \"../models/Category.model\";

@Injectabl         


        

Answer 1

You may try to substiture ngOnInit() with ngDoCheck(). I am not sure (actually I doubt) this is the right thing to do, in any case you can try.

This method is run at every change detection cycle (instead of the standard Angular algorithm I guess, and here is the potential issue) and therefore you shoud have the category property of MySelectorComponent up to date with the changes in the service.

Again need to be carefull of side effects (which are not clear to me).