$ Index funktioniert nicht in Nativescript

Question

Ich habe nach Lösungen ohne Glück gesucht, ich versuche, den Index der Observablearray verwenden, aber die Konsole wirft immer und Fehler und die gerenderte Ansicht zeigt nichts als leer auf Auf dem Etikett steht die {{ $index }} geschrieben.

Answer 1

Sie können den Index nicht über $ Index zugreifen, da es keine solche Logik für Repeater implementiert ist. Sie können für jedes Ihrer Array-Elemente eine eigene ID erstellen und diese dann als Index verwenden. z.B.

page.ts

items.forEach(element => { 
    element.id = id; 
    id++; 
}); 

page.xml

<Repeater items="{{ items }}"> 
    <Repeater.itemsLayout> 
     <StackLayout /> 
    </Repeater.itemsLayout> 
    <Repeater.itemTemplate> 
     <Label text="{{ id }}" textWrap="true" /> 
    </Repeater.itemTemplate> 
</Repeater> 

Und dann können Sie das spezifische Element mit dem Binding der angezapften Ansicht geklopft zu bekommen.

exports.onTap = function(args) { 
    var item = args.view.bindingContext; 
    console.log('item.id', item.get('id')); 
};