Knockout.js foreach: nhưng chỉ khi so sánh là đúng

Question

Làm cách nào để kiểm soát việc bỏ qua các yếu tố nhất định bằng cách so sánh?

Những gì tôi muốn ví dụ là một cái gì đó như thế này:

<div data-bind="foreach: entry where (entry.number > 10)"> 

Vì vậy, những gì tôi muốn nó phải làm là lặp qua entry 's nhưng chỉ thực hiện khi mà hiện tại entry có một giá trị number hơn 10 .

Điều này có thể thực hiện được không?

Answer 1

Hiện tại điều đó không thể xảy ra với knockout.js, nhưng đây là một tính năng thú vị. Bạn nên gửi báo cáo lỗi/liên hệ với tác giả để xem xét nó cho một phiên bản trong tương lai.

Cách 1:

<div data-bind="foreach: entry"> 
    <div data-bind="if: entry.number > 10"></div> 
</div> 

Way 2:
Viết một phương pháp lọc tùy chỉnh cung cấp cho bạn một loạt các yếu tố phù hợp với điều kiện của bạn và sử dụng nó trong foreach của bạn.

Answer 2

thử điều này:

<div data-bind="foreach: editingItem.columns"> 
     <!-- ko if: Selected--> 
     <div data-bind="text: Name"></div> 
      <input type="text"/> 
      <!-- /ko --> 

Answer 3

gì về

<div data-bind="foreach: _.filter(entry(), function(item) { return item.number > 10;})"> 

sử dụng underscore.js

Answer 4

Tôi nghĩ rằng nó sẽ là tốt hơn để sử dụng được xây dựng trong phương pháp arrayFilter (xem http://www.knockmeout.net/2011/04/utility-functions-in-knockoutjs.html)

viewModel.filteredEntries = ko.computed(function() { 

    return ko.utils.arrayFilter(this.entries(), function(item) { 
     return item.number > 10; 
    }); 

}, viewModel); 

Sau đó, bạn có thể chỉ cần databind đến các FilterEntries như bình thường