2017-06-08 6 views
0

Dies ist mein HTML-Ansicht in Winkel:tröstlich Winkelform Ausgang fehlgeschlagen

<div class="container"> 
    <div class="row"> 
     <div class="col-md-3"> 
     </div> 
    <div class="col-md-6"> 
      <div class="jumbotron"> 

      <h2>Complete your Profile</h2> 
      <h5 style="color:royalblue;">Add your updated Resume to get notified by Recruiters</h5> 
      <form #ResumeForm="ngForm" 
      (ngSubmit)="submitResume(ResumeForm.value)"> 
       <div class="form-group"> 
       <label>Resume</label> 
       <input type="file" name="resume" id="resume" class="form-control"> 
       </div> 


       <input value="submit" type="submit"> 

      </form> 

      </div> 
    </div> 
    </div> 
</div> 

Meine .ts-Datei ist hier

import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'app-candidate-reg-complete', 
    templateUrl: './candidate-reg-complete.component.html', 
    styleUrls: ['./candidate-reg-complete.component.css'] 
}) 
export class CandidateRegCompleteComponent implements OnInit { 

    constructor() { } 

    ngOnInit() { 
    } 
    submitResume=function(user){ 
    console.log(user); 
} 

} 

Aber der Konsolenbildschirm zeigt nur object{}. Kein Formularinhalt wird angezeigt. Ich versuche Dateieingaben zu machen. Kann mir jemand helfen?

Vielen Dank im Voraus.

+1

https://stackoverflow.com/questions/35399617/angular-2-file-upload-from-input-type-file – yurzui

+0

Ihre 'submitResume' Funktionsdefinition sollte stattdessen als' submitResume geschrieben werden (user) {'. Es gibt keinen Grund, es einer solchen Funktion zuzuweisen. – Adam

Antwort

0
import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'app-candidate-reg-complete', 
    templateUrl: './candidate-reg-complete.component.html', 
    styleUrls: ['./candidate-reg-complete.component.css'] 
}) 
export class CandidateRegCompleteComponent implements OnInit { 

    constructor() { } 

    ngOnInit() { 
    } 
    submitResume(user){ 
    console.log(user); 
} 

} 
Verwandte Themen