Tôi có thể nhận được mảng quan sát mà tôi đang truy cập vào bên trong không?

Question

Tốt nhất là nên giải thích bằng một ví dụ. This là ví dụ được liên kết từ blog Knockout về cách sử dụng $parent. Tuy nhiên, trong trường hợp này, $parent có vẻ giống như $root, vì vậy tôi gặp khó khăn khi thấy lợi ích.

Trường hợp nói $parent.lastUpdated, tôi muốn truy cập vào mảng quan sát được, this.products. Tôi nhận ra tôi có thể nói $root.products. Tuy nhiên, tôi muốn khái quát hóa điều này, thay vì viết nó một cách rõ ràng cho mọi danh sách.

Tôi thực sự sẽ sử dụng kết hợp này với ko.contextFor.

Answer 1

Bạn không thể truy cập (chung) tới ObservableArray đang được lặp qua trực tiếp bên trong vòng lặp foreach.

$root và $parent là về phạm vi, do đó, nó sẽ chỉ cung cấp cho bạn đối tượng chứa ObservableArray.

Tuy nhiên, bạn có thể tận dụng điều này bằng cách đảm bảo rằng phạm vi là ObservableArray của bạn bằng cách sử dụng liên kết with.

Nếu bạn chỉ cần các mảng cơ bản, sau đó bạn có thể làm:

<div data-bind="with: products"> 
    <ul data-bind="foreach: $data"> 
     <li> 
      <strong data-bind="text: name"></strong> 
      &mdash; 
      Array length: <em data-bind="text: $parent.length"></em> 
     </li> 
    </ul> 
</div>​ 

Nếu bạn thực sự cần observableArray, sau đó bạn cần phải chắc chắn rằng nó chưa được tháo (trong ví dụ trên $data là chưa được tháo). Để làm điều này, bạn có thể chuẩn hóa tên của mảng và tìm kiếm nó trong mẫu của bạn như:

<div data-bind="with: { theArray: products }"> 
    <ul data-bind="foreach: theArray"> 
     <li> 
      <strong data-bind="text: name"></strong> 
      &mdash; 
      Array length: <em data-bind="text: $parent.theArray().length"></em> 
     </li> 
    </ul> 
</div>​ 

Đây là một mẫu: http://jsfiddle.net/rniemeyer/T6JvV/

Nếu bạn không thể sống chung với thêm các div, sau đó bạn chắc chắn có thể sử dụng các ràng buộc dòng chảy kiểm soát không chứa container như:

<!-- ko with: { theArray: products } --> 
    <ul data-bind="foreach: theArray"> 
     <li> 
      <strong data-bind="text: name"></strong> 
      &mdash; 
      Array length: <em data-bind="text: $parent.theArray().length"></em> 
     </li> 
    </ul> 
<!-- /ko -->