Angular仅显示Java REST中的ID号

时间:2019-05-27 19:38:58

标签: angular spring spring-boot

我正在使用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>

Also, status is 200

1 个答案:

答案 0 :(得分:0)

您可能使用了错误的属性名称,这导致了此问题。