set a column property as the first element of a nested array in ngx-data-table

<ngx-datatable
class='material'
[columnMode]="'force'"
[sortType]="'multi'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="'auto'"
[limit]="10"
[rows]='rows'
[selected]="selected"
[selectionType]="'cell'"
(select)="onSelect($event)"
(activate)="onActivate($event)">
 <ngx-datatable-column name="Gender" [width]="80" prop="resource.gender"></ngx-datatable-column>
 <ngx-datatable-column name="First Name" [width]="80" prop="resource.name[0].text"></ngx-datatable-column>

The last column does not work in my example above, because i cannot specify the first element of a nested array in my json. Without flattening my json is there another trick to do this?

ideally if i could say prop = name.first.text it would work but no such first method exists.


Source: stackoverflow-javascript

Angular2 don’t render ChildComponent selector

I’m trying to display data in an HTML table. Because the <tr> will be repeated many times and it has some logic I wanted to extract that to it’s own (child)component.

But rendering a child component within the <tbody> allso renders the component as an HTML attribute. My template looks like:

<tbody>
    <custom-row [some-data]="data"></custom-row>
</tbody>

But when this is rendered, it will look like:

<tbody>
    <custom-row>
        <tr><td></td></tr>
    </custom-row>
</tbody>

Is it possible to not render te “custom-row” element in the DOM?


Source: stackoverflow-javascript