Easiest described with an example.
Look at this very simple app. It has a Repeater where every item will be a label with the cssClass red, and below them there's a "fixed" label with the text This is always red and the same cssClass.
<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
<StackLayout>
<Repeater items="{{ items }}">
<Repeater.itemTemplate>
<Label text="{{ title }}" cssClass="red" />
</Repeater.itemTemplate>
</Repeater>
<Label text="This is always red" cssClass="red" />
</StackLayout>
</Page>
function pageLoaded(args) {
var page = args.object;
page.bindingContext = {
items: [
{
title: 'Test1'
},
{
title: 'Test2'
}
]
};
}
exports.pageLoaded = pageLoaded;
So far so good. However, if I change from setting the bindingContext on loaded to navigatingTo, e.g. changing:
<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
to
<Page xmlns="http://www.nativescript.org/tns.xsd" navigatingTo="pageLoaded">
then no CSS will be applied on the itemTemplate of the Repeater. Instead it will look like this. Note that CSS is still applied to the "fixed" label.
Easiest described with an example.
Look at this very simple app. It has a
Repeaterwhere every item will be a label with the cssClassred, and below them there's a "fixed" label with the textThis is always redand the same cssClass.So far so good. However, if I change from setting the bindingContext on
loadedtonavigatingTo, e.g. changing:to
then no CSS will be applied on the
itemTemplateof the Repeater. Instead it will look like this. Note that CSS is still applied to the "fixed" label.