嵌套的foreach讀取字母而不是整個單詞的字母值

Question

我想嵌套嵌入的foreach並提供內部foreach和外部foreach的值。問題在於提供的價值是逐字逐字地而不是整個詞地逐步處理的。 下面是代碼：（查找在控制檯中看到$數據由字母記錄信）
HTML

<div data-bind="foreach: { data: mysections, as: 'section'}"> 
     <span data-bind="text: $data"></span> 
     <div data-bind="foreach: section "> 
     b<span data-bind="text: $root.myconsole($data)"></span> 
     <span data-bind="text: $data.content"></span> 
     <br> 

     </div> 
    </div> 

JS

var vm =new function AppViewModel() { 
    self.mysections=ko.observableArray(['sec1', 'sec2','sec3']);  
     self.sec1 = ko.observableArray([{"content":"asdf1"}]); 
     self.sec2 = ko.observableArray([{"content":"asdf2"}]); 
     self.sec3 = ko.observableArray([{"content":"asdf3"}]); 

     self.myconsole = function(data){console.log(data)}; 
    } 
    ko.applyBindings(vm); 

這裏是小提琴http://jsfiddle.net/frjapyre/2/

Answer 1

基本上，你需要用鍵'sec1'來獲得值，而在你的代碼中你正在迭代鍵本身。

嘗試

<div data-bind="foreach: { data: mysections, as: 'section'}"> 
    <span data-bind="text: $data"></span> 
    <div data-bind="foreach: $parent[section]"> 
     b<span data-bind="text: $root.myconsole($data)"></span> 
     <span data-bind="text: $data.content"></span> 
     <br> 
    </div> 
</div>