Angular Htpp投稿へのJsonのショー[オブジェクトオブジェクト]

Question

私の個人的なプロジェクトについての助けが必要です。私はAngular HTTP postメソッドを使用しようとしていますが、この種のバグがあります。私が新しいデータを追加するときにaddStudentと呼んで、ページをリロードすると、semesterの列は/ [object Object]を返します。その他の列は、semesterを除いて正しく機能しています。

//file name: app.service.ts 
 
addStudent(newId: string, newName: string, newYear: string, newSemester: string, newScore: string): Observable<any> 
 
    { 
 
     return this.http.post("http://localhost:3000/Student", {id: newId, name: newName, year: newYear, semester: newSemester, score: newScore}); 
 
    }

//file name : app.component.ts 
 
addStudent(newId: string, newName: string, newYear: string, newSemester: string, newScore: string) 
 
    { 
 
    this.stockService.addStudent(newId, newName, newYear, newSemester, newScore).subscribe(); 
 
    console.log(newSemester); 
 
    }

<!--file name: app.component.html--> 
 
<tr *ngFor="let Student of Student" [attr.id]="Student.id"> 
 
    <td>{{Student.id}}</td> 
 
    <td>{{Student.name}}</td> 
 
    <td>{{Student.year}}</td> 
 
    <td>{{Student.semester}}</td> 
 
    <td>{{Student.score}}</td> 
 
    </tr> 
 
</table> 
 
</h1> 
 

 
<h3>ADD NEW</h3> 
 
<br>ID: <input #newId/> 
 
<br>Name: <input #newName/> 
 
<br>Year: <input #newYear/> 
 
<br>Semester: <input #newSemester/> 
 
<br>Score: <input #newScore/> 
 
<br><button type="button" role="button" (click)="addStudent(newId.value, newName.value, newYear.value, newSemester, newScore.value)">ADD</button>

新しい追加したときに、JSONはこのようになります行

{ "id": "a", "name": "a", "year": "a", "semester": {}, "score": "a" }

は、より多くのスニペットが必要な場合は私に知らせてください。

ありがとうございます。

Answer 1

これはただの入力です。

<button type="button" role="button" (click)="addStudent(newId.value, newName.value, newYear.value, newSemester, newScore.value)">ADD</button> 

あなたはnewSemesterため .VALUE を忘れてしまったを参照してください。

変更するには：

<button type="button" role="button" (click)="addStudent(newId.value, newName.value, newYear.value, newSemester.value, newScore.value)">ADD</button>