javascript - Angular 2智能表动态数据不加载
问题描述
我使用 Angular 6 和智能表: https ://akveo.github.io/ng2-smart-table/#/ 。
一切正常,直到我尝试将数据从静态更改为动态:
这有效并显示了表中的所有内容:
source: LocalDataSource = new LocalDataSource();
data = [{
id: 1,
Customer: 'UK LTD',
Name: 'Mark Poll',
Code: '84615A',
PostalCode: 'U48K46',
Date: '09/19/2018',
},
];
this.source.load(this.data);
这不是:
data1 = [];
source: LocalDataSource = new LocalDataSource();
getArray() {
this.afDatabase.list('/imones').valueChanges().subscribe(res => {
this.data1 = res;
console.log(this.data1)
})
}
this.source.load(this.data1);
那有什么问题,也许有人正面临这个问题?
解决方案
我之前没有使用 Firebase 或 ng2-smart-table,但如果您在订阅中移动数据源的加载,它应该可以工作。
source: LocalDataSource = new LocalDataSource();
getArray() {
this.afDatabase.list('/imones').valueChanges().subscribe(res => {
this.source.load(res);
})
}
推荐阅读
- c++ - 如何反向求和数组元素?
- laravel - Eloquent:如果不存在则创建关系
- c - clang-format 可以根据大括号的存在而采取不同的行动吗?
- java - 无法执行 Maven .jar
- javascript - 如何使用 jQuery 在密码字段中更改 fontawsome 图标 onclick?
- dgraph - dgraph 什么时候支持 Gremlin
- css - firefox 在点击下拉菜单时遇到问题
- java - Ubuntu VDS 上的 java selenium 测试。该网站未完全加载
- python - 查找在循环中创建的按钮 ID
- node.js - 带有 React 和 OIDC 身份验证的 Electron 在 DEV 工作,但在 PROD 失败