Angular12数据表格在没有使用弹出框之前不显示数据。
创始人
2024-10-21 20:30:44
0

这可能是由于数据绑定中的异步操作导致的。可以尝试将表格视图绑定到 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 请求返回一些数据,否则表格视图不会显示数据。

相关内容

热门资讯

透视解迷"竞技联盟透... 透视解迷"竞技联盟透视插件"一直是真的辅助器(哔哩哔哩)1、竞技联盟透视插件有没有辅助教程、竞技联盟...
透视透视"竞技联盟辅... 透视透视"竞技联盟辅助插件"一贯真的有辅助app(哔哩哔哩)1、点击下载安装,竞技联盟辅助插件脚本分...
透视解迷"aapok... 透视解迷"aapoker破解侠是真的吗"都是是真的辅助脚本(哔哩哔哩)1、超多福利:超高返利,海量正...
透视教你"wepok... 透视教你"wepoker游戏的安装教程"果然存在有辅助方法(哔哩哔哩)小薇(辅助器软件下载)致您一封...
透视教你"we-po... 透视教你"we-poker辅助器"总是有辅助工具(哔哩哔哩)1、点击下载安装,we-poker辅助器...
透视详细"wepok... 透视详细"wepoker怎么看牌型"确实有辅助攻略(哔哩哔哩)1、玩家可以在wepoker怎么看牌型...
透视有挂"hhpok... 透视有挂"hhpoker真的假的"总是真的是有辅助攻略(哔哩哔哩)1、玩家可以在hhpoker真的假...
透视解迷"德普之星私... 透视解迷"德普之星私人局辅助免费"果然是有辅助教程(哔哩哔哩)1、玩家可以在德普之星私人局辅助免费透...
透视有挂"wpk私人... 透视有挂"wpk私人局有透视吗"都是存在有辅助插件(哔哩哔哩)1、wpk私人局有透视吗有没有辅助教程...
透视透视"wepok... 透视透视"wepokerplus作必弊"真是是有辅助脚本(哔哩哔哩)1、wepokerplus作必弊...