added dependency injection usecase story to examples

examples/angular-cli/src/stories/component-with-di/di.component.html

@@ -0,0 +1,3 @@
+<div>
+    <div>All dependencies are defined: {{isAllDeps()}}</div>
+</div>

examples/angular-cli/src/stories/component-with-di/di.component.stories.ts

@@ -0,0 +1,10 @@
+import {storiesOf} from '@storybook/angular';
+import {DiComponent} from './di.component';
+
+storiesOf('Component dependencies', module)
+  .add('inputs and inject dependencies', () => ({
+    component: DiComponent,
+    props: {
+      title: 'Component dependencies'
+    }
+  }));

examples/angular-cli/src/stories/component-with-di/di.component.ts

@@ -0,0 +1,24 @@
+import { Component, Input, InjectionToken, Injector, ElementRef, Inject } from '@angular/core';
+
+export const TEST_TOKEN = new InjectionToken<string>('test');
+
+@Component({
+  selector: 'di-component',
+  templateUrl: './di.component.html',
+  providers: [
+    { provide: TEST_TOKEN, useValue: 123}
+  ]
+})
+export class DiComponent {
+  @Input() title: string;
+  
+  constructor(
+    protected injector: Injector,
+    protected elRef: ElementRef,
+    @Inject(TEST_TOKEN) protected testToken: number
+  ) {}
+  
+  isAllDeps(): boolean {
+    return Boolean(this.testToken && this.elRef && this.injector && this.title);
+  }
+}