javascript - Angular 2 智能表动态数据不加载

标签 javascript angular typescript firebase ng2-smart-table

我使用 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);

输出相等: enter image description here

这有什么问题,也许有人遇到过这个问题?

最佳答案

我之前没有使用过 Firebase 或 ng2-smart-table,但如果您在订阅中移动数据源的加载,它应该可以工作。

source: LocalDataSource = new LocalDataSource();
getArray() {
   this.afDatabase.list('/imones').valueChanges().subscribe(res => {
      this.source.load(res);
   })
}

关于javascript - Angular 2 智能表动态数据不加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52099771/

相关文章:

javascript - Angular 2 (Typescript) - 组件的远程开发和动态注入(inject)

angular - 如何在 Angular2 中做响应式组件

typescript - 将每个数组元素绑定(bind)到选项标签

javascript - Angular2 - 可变变量

javascript - 在使用 Stripe 支付的处理订单期间禁用提交输入,或者如果 Stripe 弹出窗口消失则启用它们

javascript - javascript如何解析参数?

angular - --ng build --env=prod 不工作

网站上的javascript时钟,两个时区

javascript - 在页面 URL 中嵌入 JavaScript 对象

javascript - 使用 Typescript 时,如何从子 Controller 访问父 Controller 中的作用域函数?