Редактируемый параметр в DataTable PrimeNg в Angular2 не работает с подобъектом

У меня проблема с 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, значение подобъекта исчезнет:

Редактируемая таблица:

введите здесь описание изображения

У кого-то еще есть эта проблема? Я не знаю, ошибка ли это в примэнге или я что-то упускаю.

Спасибо ! :)


person Sébastien Gotfroi    schedule 19.01.2017    source источник
comment
Можете ли вы попробовать обновиться до версии 2.0.RC1, выпущенной 45 минут назад, в которой реализована функция настраиваемых редактируемых ячеек и исправлены ошибки.   -  person Onur Senture    schedule 20.01.2017
comment
Привет, спасибо за ответ. Я меняю версию, а она не работает. У меня точно такая же проблема.   -  person Sébastien Gotfroi    schedule 20.01.2017


Ответы (1)


Вы пробовали добавлять шаблоны?

<p-column [editable]=true field="type" header="Year">
  <template let-col let-car="rowData" pTemplate="editor">
    <input type="text" pInputText [(ngModel)]="car[col.field]?.brand" [class]="'form-control'" required="true" placeholder="">
  </template>
</p-column>

Также, пожалуйста, добавьте редактируемый атрибут на <p-datatable>.

Подробнее о шаблонах #здесь

person Siddhartha Reddy    schedule 11.04.2017