Question

据我了解，$index在foreach:绑定中可用，给出了对象的索引...我有一个click:绑定例如click:foo $index，我需要访问foo内的{{1}}。

有办法吗？

Answer 1

不是通过绑定中的函数来破解它，而只需要获取绑定上下文。只要您可以访问与绑定关联的DOM元素，就可以使用ko.contextFor()函数获取绑定上下文及其所有属性。

您在处理程序中获得的事件对象使您可以通过target属性访问该节点。使用它来获取上下文。

var viewModel = {
    foo: function (data, event) {
        var context = ko.contextFor(event.target);
        // do stuff with context.$index()
    }
};

Answer 2

是的，

<input type="button" data-bind="click: function(data, event) { myClickHandler($index, data, event); }"/>

Answer 3

使用ES6代码更容易。在我的html中，我有一个页面数组

<span data-bind="foreach: pages">
     <a data-bind="click: $parent.gotoPage.bind($parent), text: $index()+1">
     </a>
</span>

在视图控制器类中，我有gotoPage方法。第一个参数将是foreach的$ index。很简单。

class ViewModel {
    constructor() {
        this.requestedPage = ko.observable(0);
        this.pages = ko.observableArray([0,1,2,3]);
    }

    async run() {
        this.message("Running");
    }

    gotoPage(pageRequested, event) {
        this.requestedPage(pageRequested);
        this.run();
    }
}

knockout.js如何在处理函数中访问$ index

3 个答案: