Javascript 角度数据表:点击按钮将JSON数据加载到数据表
角度数据表:单击此处可将json数据加载到数据表中。在一个变量和一个按钮中包含json数据,单击按钮后,需要传递json数据并填充datatable。若单击按钮,则不会在datatable中填充JSON数据。下面的代码我尝试过,任何问题请建议Javascript 角度数据表:点击按钮将JSON数据加载到数据表,javascript,jquery,angular,datatables,angular-datatables,Javascript,Jquery,Angular,Datatables,Angular Datatables,角度数据表:单击此处可将json数据加载到数据表中。在一个变量和一个按钮中包含json数据,单击按钮后,需要传递json数据并填充datatable。若单击按钮,则不会在datatable中填充JSON数据。下面的代码我尝试过,任何问题请建议 ngOnInit(): void {} loadJsonData() { alert("inside"); const jsondata = [ { id: 860, firstName: "
ngOnInit(): void {}
loadJsonData() {
alert("inside");
const jsondata = [
{ id: 860, firstName: "Superman", lastName: "Yoda" },
{ id: 861, firstName: "xyz", lastName: "Abc" }
];
this.dtOptions[2] = {
data: jsondata,
columns: [
{
data: "id"
},
{
data: "firstName"
},
{
data: "lastName"
}
]
};
}
原因是datatable加载在pageload上,而loadJsonData()没有更新UI。我已经更新了Stackblitz以添加修复。Stackblitz链接:它是否按照您的预期工作是的,非常感谢您的帮助。原因是datatable加载在pageload上,loadJsonData()没有更新UI。我已经更新了Stackblitz以添加修复。Stackblitz链接:它是否按照您的预期工作是的,Rajat,非常感谢您的帮助。