Correct way to populate listView with object items?

Question

In my NativeScript project, I am trying to fill a ListView with instances of a custom object (defined as an interface). But the output (on a android emulator) is quite strange :

Answer 1

You need the following syntax when using NativeScript + Angular-2 list-view:

<ListView [items]="fileItems">
    <template let-myitem="item">
        <StackLayout>
            <Label width="5%" height="5%" text="Type"></Label>
            <Label [text]="myitem.name"></Label>
        </StackLayout>
    </template>
</ListView>

For better understanding you can reffer to the sample-Groiceries angular-end branch here

And check the tutorial about NativeScript + Angular-2 ListView here