这可能是由于数据绑定中的异步操作导致的。可以尝试将表格视图绑定到 Observable 或 Promise,以确保在数据可用时刷新表格视图。以下是一个示例代码:
HTML模板:
Id
Name
Email
{{ user.id }}
{{ user.name }}
{{ user.email }}
组件代码:
import { Component } from '@angular/core';
import { Observable } from 'rxjs';
import { UserService } from './user.service';
@Component({
selector: 'app-user-list',
templateUrl: './user-list.component.html',
styleUrls: ['./user-list.component.scss'],
})
export class UserListComponent {
users$: Observable;
constructor(private userService: UserService) {
this.users$ = this.userService.getUsers();
}
}
上述代码中,*ngFor
操作符绑定在 users | async
上,该 users
变量被声明为 Observable
类型,因此在 users
数据可用时,表格视图会自动刷新。
还要注意确保您的数据服务或 HTTP 请求返回一些数据,否则表格视图不会显示数据。