Nativescript - onItemLoading回調調用兩次

Question

有一個簡單的帶有ListView的NS/TS頁面 - 該列表由ObservableArray驅動。

我向數組中添加1個條目，並將onItemLoading事件調用爲2x。

這裏是我的XML

 <ListView items="{{ dataItems }}" 
 
       itemLoading="{{ onItemLoading }}" 
 
       itemTap="{{ onNoteTap }}" 
 
       itemTemplateSelector="'note'"> 
 

 
     <ListView.itemTemplates> 
 
      <template key="note"> 
 
       <StackLayout> 
 
        <Label id="label"/> 
 
       </StackLayout> 
 
      </template> 
 

 
      </ListView.itemTemplates> 
 
     </ListView>

這裏是我的模型類

export class NotesModel extends observable.Observable 
 
{ 
 
    public _listItemArray: ObservableArray<NoteItem>; 
 

 
    constructor() 
 
    { 
 
     super(); 
 

 
     this._listItemArray = new ObservableArray<NoteItem>(); 
 

 
     let item = new NoteItem(); 
 

 
     item.label = "test"; 
 

 
     this._listItemArray.push(item); 
 
    } 
 

 
    get dataItems(): ObservableArray<NoteItem> 
 
    { 
 
     return this._listItemArray; 
 
    } 
 

 
    onItemLoading(args: listviewModule.ItemEventData) 
 
    { 
 
     console.log("onItemLoading =" + args.index + " " + args.view); 
 
    } 
 

 
    onNoteTap(args) 
 
    { 
 
    } 
 
}

後，我運行代碼，我得到：

個

JS：構造

JS：onItemLoading = 0 StackLayout（217）@file：///app/my-notes-page.xml：39：15;我們可以通過下面的代碼來實現這個功能：我們可以通過下面的代碼來實現這個功能：1）StackLayout（217）@file：///app/my-notes-page.xml：39：15;

Answer 1

這是你的xml文件

<ListView items="{{ dataItems }}" 
    itemLoading="onItemLoading" 
    itemTap="{{ onNoteTap }}" 
    itemTemplateSelector="'note'"> 

<ListView.itemTemplates> 
    <template key="note"> 
    <StackLayout> 
      <Label id="label"/> 
    </StackLayout> 
    </template> 

</ListView.itemTemplates> 
</ListView> 

這是您的main.ts文件中的代碼，它不是TS

import { EventData } from 'data/observable'; 
import { Page } from 'ui/page'; 
import { HelloWorldModel } from './main-view-model'; 

// Event handler for Page "navigatingTo" event attached in main-page.xml 
export function navigatingTo(args: EventData) { 

    let page = <Page>args.object; 

    page.bindingContext = new HelloWorldModel(); 
} 
export function onItemLoading(args) { 
    console.log('Calling here '); 
}