Samarth Agarwal Samarth Agarwal - 1 year ago 237
Javascript Question

Display items in the Nativescript ListView

I am learning Nativescript with Angular 2 and trying to get Random user data from
API. I am not able to display just the names of 10 random users in the ListView. It only displays 10 blank List Items in the ListView.

Here is my app.component.ts

import {Component} from "@angular/core";
import {Http, HTTP_PROVIDERS, Response} from "@angular/http";
import {Observable} from "rxjs/Rx";

selector: "my-app",
templateUrl: "app.component.html",
providers: [HTTP_PROVIDERS]
export class AppComponent {
public names: Observable<Array<Object>>;

constructor(public http: Http){


public onTap(){
(res) => {
this.names = res.json().results;

public getData(){
return this.http.get('');



And here is my html template file

<Button text="GET" (tap)="onTap()"></Button>
<ListView [items]="names">
<template let-item="item">
<Label (text)="item.gender" textWrap="true"></Label>

Any help is highly appreciated.

Answer Source

change <Label (text)="item.gender" textWrap="true"></Label> to <Label [text]="item.gender" textWrap="true"></Label>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download