PrimeNG data table not displaying in Angular 2 application
<p>I am working on Angular 2 application using typescript in visual studio 2015 solution. I have read the documentation for datatable in PrimeNG website but don't understand why the datatable that I have implemented is not showing. Could somebody help?</p>

<p><strong>risk-list.component.ts</strong>    </p>

<pre><code>import { Component } from '@angular/core'

    @Component({
            selector: 'rm-risks',
            templateUrl: 'app/risks/risk-list.component.html'
        })

    export class RiskListComponent {
        pageTitle: string = 'Risk List';
        risks: any[] = [
            {
                "riskId": 1,
                "reference": "HISXX336",
                "insuredName": "sdsdsdsdsd",
                "inceptionDate": "March 19, 2016",
                "riskType": "Test1",
                "status": "Indication",
                "grossPremium": "100",
                "allocatedTo": "XYZ User",
                "allocatedCompany": "XYZ"
            },
            {
                "riskId": 2,
                "reference": "HIXXXXX0",
                "insuredName": "fgfgfgfgfg",
                "inceptionDate": "April 25, 2016",
                "riskType": "Test2",
                "status": "Indication",
                "grossPremium": "312.22",
                "allocatedTo": "PQR User",
                "allocatedCompany": "PQR"
            }


        ];
</code></pre>

<p><strong>risk-list.component.html</strong></p>

<pre><code>   &lt;h3 class="first"&gt;{{pageTitle}}&lt;/h3&gt;

    &lt;p-dataTable [value]="risks" [rows]="10" [paginator]="true" [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]"&gt;
        &lt;p-column field="reference" header="Reference"&gt;&lt;/p-column&gt;
        &lt;p-column field="insuredName" header="Insured Name"&gt;&lt;/p-column&gt;
        &lt;p-column field="inceptionDate" header="Inception Date"&gt;&lt;/p-column&gt;
        &lt;p-column field="riskType" header="Risk Type"&gt;&lt;/p-column&gt;
        &lt;p-column field="status" header="Status"&gt;&lt;/p-column&gt;
        &lt;p-column field="grossPremium" header="Gross Premium"&gt;&lt;/p-column&gt;
        &lt;p-column field="allocatedTo" header="Allocated To"&gt;&lt;/p-column&gt;
        &lt;p-column field="allocatedCompany" header="Allocated Company"&gt;&lt;/p-column&gt;
    &lt;/p-dataTable&gt;
</code></pre>

<p><strong>app.component.ts</strong></p>

<pre><code>import { Component } from '@angular/core';
import { RiskListComponent } from './risks/risk-list.component';
import {DataTable} from 'primeng/primeng';
import {Column} from 'primeng/primeng';

@Component({
    selector: 'my-app',
    providers: [],
    template: `
    &lt;div&gt;
        &lt;h1&gt;{{pageTitle}}&lt;/h1&gt;
          &lt;rm-risks&gt; &lt;/rm-risks&gt; 
     &lt;/div&gt;
     `,
    directives: [RiskListComponent]

})

export class AppComponent {
    pageTitle: string = 'Test UK Trader'; 
}
</code></pre>

<p><strong>index.html</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;title&gt;Angular 2 Application&lt;/title&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link href="app/app.component.css" rel="stylesheet" /&gt;


    &lt;script src="https://code.jquery.com/jquery-2.2.0.min.js"&gt;&lt;/script&gt;


    &lt;!-- 1. Load libraries --&gt;
    &lt;!-- Polyfill(s) for older browsers --&gt;
    &lt;script src="https://npmcdn.com/es6-shim@0.35.0/es6-shim.min.js"&gt;&lt;/script&gt;

    &lt;script src="https://npmcdn.com/zone.js@0.6.12?main=browser"&gt;&lt;/script&gt;
    &lt;script src="https://npmcdn.com/reflect-metadata@0.1.3"&gt;&lt;/script&gt;
    &lt;script src="https://npmcdn.com/systemjs@0.19.27/dist/system.src.js"&gt;&lt;/script&gt;

    &lt;!-- 2. Configure SystemJS --&gt;
    &lt;script src="systemjs.config.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      System.import('app').catch(function(err){ console.error(err); });
    &lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
   &lt;my-app&gt;Loading..&lt;/my-app&gt;
&lt;/body&gt;

&lt;/html&gt;
</code></pre>