绑定上下文不工作 Nativescript

Question

控制台没有错误，我已经尝试了很多东西但无法理解代码的实际问题。任何人都可以在这方面帮助我......以及下面的模拟器片段和代码：

home.ts:

enter code here
import {EventData,Observable} from "data/observable";
import {Page} from "ui/page";
var page : Page;
var tempSessions = [
{
    id:"0",
title:"session 0"
},{
    id:"1",
    title:"session 1"
},{
    id:"2",
    title:"session 2"
}];
export function pageLoaded(args:EventData) {
  page = <Page>args.object;
  page.bindingContext = new Observable({
  sessions:tempSessions
  });
}

home.xml:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" load="pageLoaded">
      <GridLayout rows="auto,*">
        <!--row 0-->
        <StackLayout></StackLayout>
        <!--row 1-->
        <GridLayout rows="auto,*" row="1">
          <ListView items="{{ sessions }}">
            <ListView.itemTemplate>
              <Label text="item"/>
            </ListView.itemTemplate>
          </ListView>
        </GridLayout>
      </GridLayout>
    </Page>

emulator

Answer 1

我在您的代码中发现了几个问题。第一个是页面事件被称为 loaded 而不是 load。第二个是你可以使用 ObservableArray Module, which would auto update the ListView when you push new item in the array. You could review the NativeScript Getting Started Guide 主要-page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">
  <GridLayout rows="auto,*">
    <!--row 0-->
    <StackLayout row="0">
      <Label text="sample text" textWrap="true" />
    </StackLayout>
    <!--row 1-->
    <GridLayout rows="*" row="1">
      <ListView row="0" items="{{ sessions }}">
        <ListView.itemTemplate>
          <StackLayout>
              <Label text="{{title}}"/>
          </StackLayout>
        </ListView.itemTemplate>
      </ListView>
    </GridLayout>
  </GridLayout>
</Page>

主要-page.ts

import {EventData,Observable} from "data/observable";
import {ObservableArray} from "data/observable-array";
import {Page} from "ui/page";
var page : Page;
var tempSessions = new ObservableArray();

export function pageLoaded(args:EventData) {
    tempSessions.push({
    id:"0",
title:"session 0"
});
tempSessions.push({
    id:"1",
    title:"session 1"
});
tempSessions.push({
    id:"2",
    title:"session 2"
});
  page = <Page>args.object;
  page.bindingContext = new Observable({
  sessions:tempSessions
  });
}

绑定上下文不工作 Nativescript

Binding Context not working Nativescript

nativescript