Question

所以，我有一些谷歌地图与一些位置。当您单击相应的列表项时，我试图让地图标记过滤掉。我可以让它发挥作用的唯一方法是，如果我将标记标题放入如此精确的字符串中：

<tbody data-bind="foreach: filteredItems()">
    <tr data-bind="click: toggleGroup('Michi Ramen')">
        <td id="listTitle" data-bind="text: $data.title"></td>
    </tr>
</tbody>

当然，这会使每个列表项过滤确切的事情。放toggleGroup.bind($data.title)并不起作用。

这是我当前的viewModel：

var viewModel = function(data) {
    var self = this;
    self.filters = ko.observableArray(data.filters);
    self.filter = ko.observable('');
    self.shops = data.shops;
    self.filteredItems = ko.dependentObservable(function() {
        var filter = self.filter().toLowerCase();
        if (!filter) {
            return self.shops();
        } else {
            return ko.utils.arrayFilter(self.shops(), function(Shop) {
                return Shop.title().toLowerCase().indexOf(filter) !== -1;
            });
        }
    }, viewModel);
};

这是我用来尝试过滤标记的功能。

function toggleGroup(title) {
    var i;
    for (i = 0; i < markers.length; i++) {
        var marker = markers[i];
        if (marker.title === title) {
            marker.setVisible(true);
        } else {
            markers[i].setVisible(false);
        }
    }
}

Answer 1

我的猜测是np.repeat是title，因此您需要执行observable。或者click: toggleGroup.bind($data, $data.title())。

Knockout：单击与Foreach参数绑定

1 个答案: