У меня проблема с DataTable в Primeng с Angular 2, когда я использую подобъект. Когда я устанавливаю для редактируемого параметра значение true. Значение исчезнет.
Это мой объект:
export class Car {
year: number;
type: {`enter code here`
brand: string;
model: string;
};
color: string;
}
Это мой компонент:
import { Component, OnInit } from '@angular/core';
import { CARS } from './mock-cars';
import { Car } from './cars';
@Component({
moduleId: module.id,
selector: 'app-cars',
templateUrl: 'cars.component.html'
})
export class CarComponent implements OnInit {
cars: Car[] = [];
cols: any[];
constructor() { }
ngOnInit(): void {
this.cars = CARS;
this.cols = [
{field: 'year', header: 'Year'},
{field: 'type.brand', header: 'Brand'},
{field: 'type.model', header: 'Model'},
{field: 'color', header: 'Color'}
];
}
}
И это мой html:
<h3>Cars</h3>
<div class="grid grid-pad">
<p-dataTable [value]="cars">
<p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header" [editable]=true></p-column>
</p-dataTable>
<p-dataTable [value]="cars">
<p-column [editable]=true field="year" header="Vin"></p-column>
<p-column [editable]=true field="type.brand" header="Year"></p-column>
<p-column [editable]=true field="type.model" header="Brand"></p-column>
<p-column [editable]=true contenteditable=""field="color" header="Color"></p-column>
</p-dataTable>
</div>
Если editable имеет значение false, я вижу значение
Нередактируемая таблица:
Но если для редактирования установлено значение true, значение подобъекта исчезнет:
Редактируемая таблица:
У кого-то еще есть эта проблема? Я не знаю, ошибка ли это в примэнге или я что-то упускаю.
Спасибо ! :)