title: File Upload in Angular 4
body: <p>when I'm trying to install
      "npm install ng2-file-upload --save" 
  in my angular 4 application it throws</p>
  
  <pre><code>UNMET PEER DEPENDENCY @4.1.0
  UNMET PEER DEPENDENCY @4.1.0
  `-- ng2-file-upload@1.2.1
  </code></pre>
  
  <p>and upload is not working 
  my applications throws  </p>
  
  <p>"Can't bind to 'uploader' since it isn't a known property of 'input'"</p>
  
  <p>this is <strong>my HTML</strong></p>
  
  <pre><code>&lt;input type="file" ng2FileSelect [uploader]="upload" multiple formControlName="file" id="file"/&gt;
  </code></pre>
  
  <p>and its <strong>Component</strong></p>
  
  <pre><code>import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';   
  import { FileSelectDirective, FileUploader } from 'ng2-file-upload/ng2-file-
  upload';
  
  export class PersonalInfoComponent implements OnInit
  {
      public upload:FileUploader= new FileUploader({url:""});
  }
  </code></pre>
  
  <p><strong>Parent Module</strong></p>
  
  <pre><code>import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';
  
  @NgModule({
  
  imports: [
  ..
  ....
  ..
  FileUploadModule
  ],
  
  export class RegistrationModule { }
  </code></pre>
  
  <p>and I didn't Import/change anything in AppModule(Grand Parent Module).</p>
  
  <p><strong><em>can someone help me on this please...</em></strong></p>