Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度数据表:点击按钮将JSON数据加载到数据表_Javascript_Jquery_Angular_Datatables_Angular Datatables - Fatal编程技术网

Javascript 角度数据表:点击按钮将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: "

角度数据表:单击此处可将json数据加载到数据表中。在一个变量和一个按钮中包含json数据,单击按钮后,需要传递json数据并填充datatable。若单击按钮,则不会在datatable中填充JSON数据。下面的代码我尝试过,任何问题请建议

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,非常感谢您的帮助。