DI Woes in angluar2

gistfile1.txt

import sharedClass from 'sharedClass';
import childComponent from 'childComponent';
import serviceClass from 'serviceClass';

@Component({
   selector: 'comp1',
   providers: [sharedClass,childComponent,serviceClass],
   template: '<h1>{title}</h1>'
   })
   
class parentComponent {
      constructor(private class1: sharedClass, private childComponent: childComponent, private service: serviceClass) {
  }
}

//// sharedClass
@Injectable
class sharedClass {
  constructor(confFromUser) {
    this.callerId = confFromUser.id; // could only expose to class via custom factory class
    this.instanceId = Math.random(); // reveals shared or new instances in console log
    console.log(this.instanceId);
  }
}

//// childComponent
  @Component({
   selector: 'comp1',
   providers: [sharedClass,serviceClass],
   template: '<h1>{title}</h1>'
   })
   
   class childComponent {
      constructor(private class1: sharedClass,  private service: serviceClass) {
         // would instantiate new instances of sharedClass, serviceClass because of providers declaration
         // but can't offer constructor config like { myCallerId: 'xx' }
      }
   }
   
   //// childComponent2
  @Component({
   selector: 'comp1',
   template: '<h1>{title}</h1>'
   })
   
   class childComponent {
      constructor(private class1: sharedClass,  private service: serviceClass) {
         // gets shared parentComponent instances of sharedClass, serviceClass because of no providers declaration
      }
   }
   
   // serviceClass
   class serviceClass {
      constructor(private class2: sharedClass) {
          // class2 can only every be the same instance that was created for parentComponent - no ability to instantiate new
          // because we cant offer a providers:[] declaration
      }
  }