Data binding and URLs don't work

[TJ]

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

[Erjan Gavalji]

Hi TJ,

Indeed, there is a bug when binding an image. Thanks for the note!

We're investigating it and will have it fixed for the Beta release.

Best regards,
Erjan Gavalji
Telerik