Issue with PrimeNG DataTable binding from Http Observable

Question

I am triyng to build a dynamic DataTable using PrimeNG 2.0.5 with Angular 4 but I've got an error : "GET http://localhost:3000/application-detail.component.html 404 (Not Found)" and also "Unhandled Promise rejection: Failed to load application-detail.component.html ; Zone: ; Task: Promise.then ; Value: Failed to load application-detail.component.html undefined" ....thanks in advance

Here's my code:

app.detail.component.html ===>

<p-dataTable [value]="users" routerLink="my-dashboard">
<p-column *ngFor="let user of userService.users | async" [field]="users.status" [header]="user.data.apps.details[2].state"></p-column>
<p-column *ngFor="let user of userService.users | async" header="Type">{{user.status}}</p-column>
<p-column *ngFor="let user of userService.users | async" header="Etat">{{user.data.apps.details[2].state}}</p-column>
<p-column *ngFor="let user of userService.users | async" header="Depuis">{{user.data.apps.details[2].since}}</p-column> 
</p-dataTable>

Here's my Observable: users: Observable

app.detail.component.ts ===>

import { Component, OnInit } from '@angular/core';
import {DataTableModule,SharedModule} from 'primeng/primeng'; 
import { UserService } from './user.service';



@Component({
  selector: 'app-detail',
  templateUrl: 'application-detail.component.html',
  styleUrls: ['application-detail.component.css'],

})
  export class AppDetailComponent { 

      constructor(public userService: UserService) { }
  }