我正在使用SpringBoot和Angular制作CRUD应用程序。我正在为此使用MySQL,当我在邮递员中发出POST请求时,我可以看到我的所有日期都显示在JSON文件中。因此,在Angular中,我可以提供以下服务:
export class GetdataService {
constructor(private http: HttpClient) {}
getAllTodos() {
return this.http.get < Todo[] > ('http://wwww.localhost:8081/todos');
}
}
我要保存数据的组件:
export class TaskListComponent implements OnInit {
todos: Todo[];
constructor(private getDataService: GetdataService) {}
ngOnInit() {
this.refreshTodos();
}
refreshTodos() {
console.log(this.getDataService.getAllTodos().subscribe(
response => {
console.log(response);
this.todos = response;
}
));
}
}
export class Todo {
constructor(
public id: number,
public description: string,
public status: boolean,
public date: Date
) {}
}
在console.log
中,我可以看到来自数据库的正确数据的JSON格式。当我启动角度应用程序时,控制台中没有任何错误,但是在浏览器上我只能看到ID号。不知道在这种情况下可能出什么问题。
<div class="container">
<table class="table">
<thead>
<tr>
<th>Id</th>
<th>Target Date</th>
<th>is Completed?</th>
<th>Update</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let todo of todos">
<td>{{todo.description}}</td>
<td>{{todo.id}}</td>
<td>{{todo.status}}</td>
<td>{{todo.date}}</td>
</tr>
</tbody>
</table>
</div>
答案 0 :(得分:0)
您可能使用了错误的属性名称,这导致了此问题。