[AngularJS] Create a dynamic template,pipe and component based on received JSON with Angular 2

[Simon Tremolet]

Hi !

i would like first to create a template with filters and a table based on
the info.

On my server,for example,i receive in PHP,and then converted in JSON by the
directive,this given array:

return array('title'=>'Generic list','headers'=>array(array('legend'=>'Price','type'=>number),array('legend'=>'Date of...','type'=>'date')));


Then,on my template controlled by Angular 2, I would like it to be that way


<table>

<thead>

<th>Price</th>

<th>Date of..</th>

</thead>

<tbody>

<tr *ngFor="let data of dataReceived |pipeSelectorName:priceValue:minDate:maxDate">

<td *ngFor="let value of data">

{{value}} ->it can also depends according if it's a date (format),number (round by 2 numbers after the comma,etc..)

<td>

<tr>

</tobdy>

</table>


And have filters :


<input type="text" [value]="priceValue" (keyup)="changePrice($event.target.value)">

<input type="date" [value]="minDate" (input)="changeMinDate($event.target.value)">

<input type="date" [value]="maxDate" (input)="changeMaxDate($event.target.value)">


All of that with generated component,models and functions,and the pipe according only to the JSON...


Do you think it's possible,and do you know how i can achieve it ?


Best

[Sander Elias]

Hi Simon,

Yes, that is possible. And you can achieve it by just start programming on
it. If you have a question, on any part of your solution, you can always
ask it here!

Regards
Sander