This is a migrated thread and some comments may be shown as answers.

Data binding and URLs don't work

1 Answer 56 Views

NativeScript Insiders

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

TJ asked on 28 Jan 2015, 07:39 PM

Hey all,

I'm trying to build a ListView full of images, and the parsing of URLs doesn't appear to be working. Here's the XML:

<Page navigatedTo="load">

<GridPanel>

<ListView items="{{ memes }}">

<ListView.itemTemplate>

<Image source="{{ url }}" />

</ListView.itemTemplate>

</ListView>

</GridPanel>

</Page>

And here's the JS:

var observableModule = require( "data/observable" ),

observableArray = require( "data/observable-array" ),

data = new observableModule.Observable();

data.set( "memes", new observableArray.ObservableArray([

{ url: "https://google.com/favicon.ico" },

{ url: "https://twitter.com/favicon.ico" },

{ url: "https://telerik.com/favicon.ico" }

]));

exports.load = function( args ) {

args.object.bindingContext = data;

};

If I hardcode <Image url="https://..."> the images work, and if I hardcode <Label text="{{ url }}" /> the URLs get parsed from the observable, so I'm not sure what's up. Any ideas?

Thanks,
TJ

Data binding and URLs don't work

1 Answer, 1 is accepted