Angular7: Datatable не отображает данные в сетке - PullRequest
Новая
       6

Angular7: Datatable не отображает данные в сетке

0 голосов
/ 14 декабря 2018

В моих таблицах данных не отображаются какие-либо результаты массива JSON в сетках.Кроме того, в консоли нет ошибок, а также файл PHP возвращает массив в требуемом допустимом формате.
Моя версия с датой 7.0.0
Вот мой код.

список.componenet.ts 

export class EmployeelistComponent implements OnInit {
    dataTable: any;
    dtOptions: any;

    @ViewChild('dataTable') table;

    constructor(public hrService: HrService,
    public ngxSmartModalService: NgxSmartModalService,
    private toastr: ToastrService,
    public router: Router) {

        this.userToken = localStorage.getItem('token');
    }

    ngOnInit(): void {
        const data = {'token': this.userToken};

        this.dtOptions = {
            "ajax": {
                type: 'POST',
                dataSrc: "",
                data: data,
                url: 'http://127.0.0.1:8000/api/get-ist/'
            },
            columns: [
            {
                title: 'Emp ID',
                data: 'employee_number'
            },
            {
                title: 'Employee Name',
                data: 'name'
            },
            {
                title: 'Email',
                data: 'email'
            }
            ]
        };
        this.dataTable = $(this.table.nativeElement);
        this.dataTable.DataTable(this.dtOptions);
    }

}

Вот мой HTML-файл 

<div class="widget-content no-padding">
   <table #dataTable class="display" style="width:100%">
   </table>
</div>

Вот вывод из Laravel API 

{data: [{employee_number: "1", name: "First name", email: "email@localhost"}]}
...