KnockoutJS嵌套的foreach未定義

Question

我會保持簡短。我的視圖模型是這樣的：

var ViewModel = { 
    Cameras: ko.observableArray(), 
    Current: ko.observableArray() 
}; 

，我希望做這樣的事情：

<!-- ko foreach: Cameras --> 
    <div data-role="collapsible"> 
     <h3 data-bind="text: CameraName"></h3> 
     <!-- ko foreach: Current --> 
      <img data-bind="attr: { src: URL }" /> 
     <!-- /ko --> 
    </div> 
<!-- /ko --> 

CameraName屬性是從攝像機陣列和URL屬性是從當前的陣列，但是當我這樣做我得到「電流未定義」。我已經研究過嵌套的foreach，但一定有一些我不能正確理解的東西。

Answer 1

Current必須是在Cameras項目的財產。

是這樣的...

var Camera = function() { 
    this.Current = ... 
} 

你可以嘗試淘汰賽2.1的$parent。

<!-- ko foreach: Cameras --> 
    <div data-role="collapsible"> 
     <h3 data-bind="text: CameraName"></h3> 
     <!-- ko foreach: $parent.Current --> 
      <img data-bind="attr: { src: URL }" /> 
     <!-- /ko --> 
    </div> 
<!-- /ko -->