2016-05-10 3 views
5

Я пытаюсь отобразить базовую таблицу данных, но не могу заставить ее работать, хотя я прочитал документацию. Я не получаю никаких консольных ошибок, таблица просто не отображается. Я могу заставить некоторые из других простых компонентов работать, поэтому я предполагаю, что нет ничего плохого в моей настройке.Таблица данных PrimeNG, не отображаемая в угловом 2

У меня есть массив, объявленный в моем компоненте, который выглядит следующим образом:

this.employees = [ 
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna", "lastName":"Smith"}, 
    {"firstName":"Peter","lastName":"Jones"} 
]; 

В моем шаблоне я это:

<p-dataTable [value]="employees"> 
    <p-column field="firstName" header="First Name"></p-column> 
    <p-column field="lastName" header="Last Name"></p-column> 
</p-dataTable> 

Возможно, я неправильно понял документацию и есть что-то не так с либо мой массив, либо мой шаблон? Спасибо

+0

эта ошибка с вашей версией ... Я перехожу к «primeng»: «4.0.0» и удаляю^... после этого мой код работает –

ответ

7

Я понял, в чем проблема. Я просто забыл добавить в компонент директивы DataTable и Column. Он отлично работает после их включения

+0

Привет, Марк, у меня есть аналогичные вопрос. Не могли бы вы разместить свое решение, так как оно не работает для меня. – Tom

+1

import {DataTable} из 'primeng/primeng'; –

+2

@Component ({ ... директивы: [DataTable] }) –

Смежные вопросы