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

 <ngx-datatable-column name="Gender" [width]="80" prop="resource.gender"></ngx-datatable-column>
 <ngx-datatable-column name="First Name" [width]="80" prop="[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:

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

But when this is rendered, it will look like:


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

Source: stackoverflow-javascript