Tengo un objeto que quiero compartir entre mis componentes en una aplicación Angular2.

Aquí está la fuente del primer componente:

/* app.component.ts */

// ...imports
import {ConfigService} from './config.service';

@Component({
    selector: 'my-app',
    templateUrl: 'app/templates/app.html',
    directives: [Grid],
    providers: [ConfigService]
})
export class AppComponent {
    public size: number;
    public square: number;

    constructor(_configService: ConfigService) {
        this.size = 16;
        this.square = Math.sqrt(this.size);

        // Here I call the service to put my data
        _configService.setOption('size', this.size);
        _configService.setOption('square', this.square);
    }
}

y el segundo componente:

/* grid.component.ts */

// ...imports
import {ConfigService} from './config.service';

@Component({
    selector: 'grid',
    templateUrl: 'app/templates/grid.html',
    providers: [ConfigService]
})
export class Grid {
    public config;
    public header = [];

    constructor(_configService: ConfigService) {
        // issue is here, the _configService.getConfig() get an empty object 
        // but I had filled it just before
        this.config = _configService.getConfig();
    }
  }

y finalmente mi pequeño servicio, el ConfigService:

/* config.service.ts */

import {Injectable} from 'angular2/core';

@Injectable()
export class ConfigService {

    private config = {};

    setOption(option, value) {
        this.config[option] = value;
    }

    getConfig() {
        return this.config;
    }
}

Mis datos no se comparten, en grid.component.ts, el_configService.getConfig() La línea devuelve un objeto vacío, pero se llena justo antes en app.component.ts.

Leí los documentos y tutoriales, nada funcionó.

Qué me estoy perdiendo ?

Gracias

RESUELTO

Mi problema fue que estaba inyectando mi ConfigService dos veces. En la rutina de arranque de la aplicación y en el archivo donde la estoy usando.

Quité elproviders entorno y funcionó!