Question

我正在尝试使用primeng dataTable。其中我在＆＃34; jsonArray＆＃34;中加载嵌套的JSON。如下：

＆＃13;

{
  "person_name": "Gaurav",
  "personal_details":[{
    "last_name":"patel",
    "age":24
  }],
  "technical_details":[{
    "roll_no":1,
    "branch":"IT"
  }]
}

＆＃13;

//app.component.ts
import { Component } from '@angular/core';
import { AppService } from './app.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  jsonArray: any[]=[];
  constructor(public AppSVC: AppService) { }

  ngOnInit() {

    this.AppSVC.getAppontmentJson().subscribe(res => {
      if (!res.error_status) {
        this.jsonArray = res;
      }
    });
  }
}

＆＃13;

//app.component.html
<p-dataTable [value]="jsonArray" reorderableColumns="true">
  <p-column header="Last Name" field="personal_details.last_name"></p-column>
  <p-column header="Age" field="personal_details.last_name"></p-column>
</p-dataTable>

＆＃13;

但是当我运行代码时，它显示错误：

错误类型错误：val.slice不是函数

我是角色2的新手

Answer 1

似乎数据格式不正确。您需要为数据表分配一个数组。

[{
  "person_name": "Gaurav",
  "personal_details":{
    "last_name":"patel",
    "age":24
  },
  "technical_details":{
    "roll_no":1,
    "branch":"IT"
  }
}]

Angular2 TypeError：val.slice不是函数。 Primeng数据表和问题的问题嵌套数据

1 个答案: