如何连接Fire Base ng2-smart-table的创建数据

时间:2019-04-07 15:01:37

标签: ng2-smart-table

我一直在使用ng2-smart-table模板。单击添加新按钮后,我无法找到数据保存的位置。现在有人可以为我提供帮助。

在此表中创建数据,并在列表中显示数据。但是情况是如果我们刷新浏览器,则上述数据未保存。那么我该怎么做才能为Firestore添加这些数据。

1 个答案:

答案 0 :(得分:2)

根据Documentation,提到的模块的数据源只是一个数组或LocalDataSource对象。

让我们举个例子。 在打字稿文件上定义一个这样的数组。

data = [
  {
    id: 1,
    name: "Leanne Graham",
    username: "Bret",
    email: "Sincere@april.biz"
  },
  {
    id: 2,
    name: "Ervin Howell",
    username: "Antonette",
    email: "Shanna@melissa.tv"
  },

  // ... list of items

  {
    id: 11,
    name: "Nicholas DuBuque",
    username: "Nicholas.Stanton",
    email: "Rey.Padberg@rosamond.biz"
  }
];

settings = {
  columns: {
    id: {
      title: 'ID'
    },
    name: {
      title: 'Full Name'
    },
    username: {
      title: 'User Name'
    },
    email: {
      title: 'Email'
    }
  },
add:{
 confirmCreate:true
},
mode:'inline'
};

在模板(html)上。

<ng2-smart-table (createConfirm)="addData($event)" [settings]="settings"
                       [source]="data"></ng2-smart-table>

再次使用模板。

addData(event){
//event.data is the newely created data
// Handle newly created data
// Shape of object is  {
//    id,
//    name,
//    username,
//    email,
//  }
// You must call event.confirm.resolve() to show data on table
}

点击ctrate confim时,将调用addData(event)以上功能。