Javascript 数组的文本绑定元素

我有两个数组chosenItems和datas，我想从datas中获取数据，并从chosenItems数组中获取列信息。它给我的是空格，而不是数据数组中的数据

ko.applyBindings({
            chosenItems: [
              {
                  headerText: "C1",
                  alignment:"left"
              },
              {
                  headerText: "C3",
                  alignment:"right"
              }
            ],
            datas: [
              {
                  C1:"Peter",
                  Age: 21
              },
              {
                  C2: "Pater",
                  Age: 31
              },
              {
                  C3: "Cecel",
                  Age: 23
              }
            ]
        });

 <tbody data-bind="foreach: {data:chosenItems,as :'column'}">
         <tr data-bind=" foreach: {data:datas,as: 'datum'}">
              <td>
                   <span data-bind="text: datum[column.headerText]"></span>
              </td>
         </tr>
 </tbody>

---

这里的用例是数据是动态的，可以有任何数据，但我只选择显示由ChooseItems数组控制的某些项。

不确定数组和数据是如何从ViewModel填充的

你试过下面的方法吗

<span data-bind="text: $data"></span>

---

您能否显示您的viewmodel代码，特别是针对这两个数组的chosenItems和Data。

如果我了解您的场景，您应该使用table元素：

ko.applyBindings{ 选择项目：[ { 标题文字：C1， 路线：左 }, { 标题文字：C3， 路线：对 } ], 数据：[ { C1:彼得， 年龄:21 }, { C2:Pater， 年龄:31 }, { C3:Cecel， 年龄:23 } ] }; 您的数据数组看起来怎么样？@Thunder只需在tr数据检查中向内部foreach添加$parent即可