nativescript Displaying data as list (using Repeater, ListView or *ngFor for {N}+Angular-2 apps) Using Repeater module with ObservableArray (NativeScript Core)
Example
page.xml
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo">
<Repeater items="{{ myItems }}">
<Repeater.itemTemplate>
<Label text="{{ title || 'Downloading...' }}" textWrap="true" class="title" />
</Repeater.itemTemplate>
</Repeater>
</Page>
page.ts
import { EventData, Observable } from "data/observable";
import { ObservableArray } from "data/observable-array";
import { Page } from "ui/page";
let viewModel = new Observable();
let myItems = new ObservableArray({title: "Core Concepts"}, {title: "User Interface"}, {title: "Plugins"}, {title: "Cookbook"}, {title: "Tutorials"});
export function navigatingTo(args: EventData) {
var page = <Page>args.object;
viewModel.set("myItems", myItems);
// The Repeater will be updated automatically when new item is pushed.
myItems.push({title:"Publishing"});
page.bindingContext = viewModel;
}
