javascript - $ index在Nativescript中不起作用

原文 标签 javascript xml nativescript

我一直在寻找没有运气的解决方案,我试图使用observablearray的索引,但是控制台总是抛出错误,并且呈现的视图在{{ $index }}写入的标签上不显示任何空白。

enter image description here

最佳答案

您无法通过$ index访问索引,因为没有为Repeater实现这种逻辑。您可以为每个数组项创建自己的ID,然后将其用作索引。
例如

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>


然后,您可以使用点击的视图的bindingContext获取点击的特定项目。

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

关于javascript - $ index在Nativescript中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41670955/

相关文章:

javascript - native 脚本位置运行时更新

nativescript - 带有角度的 Nativescript 6 中的错误 TS2339 : Property 'getter' does not exist on type 'typeof ios' .

android - 我试图发布到本地主机API,我得到-> java.net.ConnectException:连接超时

javascript - javascript文档onmousedown取消元素onclick

javascript - 图片的Dropbox短网址

javascript - “未定义” JSON数据

php - 用js处理php生成的xml元素!

android - XML 解析性能

javascript - 需要向处于状态的数组添加对象

xml - XSLT 1.0 Tansfomation - 将同级数据移动到特定同级