knockout.js - bind-data に動的変数を渡す

Question

knockout.js を使用する場合、ネストされた foreach に問題があります。以下は説明です

MyViewModel(){
   filteredRecords();
   columns();
}

RecordModel(){
   A,
   B,
   C
}

ColumnModel{
   Visible,
   ColumnName
}

要件は、column.Visible == 1 の場合、対応する ColumnName を ReportModel に表示させることです。data-bind="value: records.column.Column_Name() で、正しいパスを取得しようとしましたが、まだ成功していません。アドバイスをお願いします。どうもありがとうございました。

---

<div>
<!-- ko foreach: {data: filteredRecords(), as: 'records'}  -->
   <ul class="tableBody">
      <li class="firstLevel">
          <ul>
              <li class="col col01"># : <span data-bind="text: records.ID"></span></li>                            
                 <!-- ko foreach: {data: $parent.columns(), as: 'column'} -->
                     <!-- ko if: column.Visible() == 1 -->

                          <li class="col col0"><input class="input0" **data-bind="value: records.column.Column_Name()"** /></li>  

                  <!-- /ko -->
                 <!-- /ko -->              
           </ul>
       </li>
    </ul>
<!-- /ko --> 
</div>     enter code here